Как убрать рамки у checkbox?

Question

[Владислав Петренко]

Здравствуйте.
Как убрать обрамление у checkbox?

Данный способ не работает:

input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 0;
    outline: 0;
}

Answer 1

[Maxim Kirshin]

Привет, checkbox'ы кастомизируют через связку с label, так как они сами по себе плохо кастомизируются. Скрывают настоящий чекбокс, а эффекты применяют к label и его псевдоэлементам (before, after).

Посмотри этот вопрос, найдешь для себя полезное Как поменять стиль input type="checkbox"?

Answer 2

[Vadim Bogomazov]

Вероятно только так:

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
}

Но в целом, как тебе уже ответили, лучше скрой его и стилизуй через другой элемент.