Как убрать рамки у checkbox?
Привет, checkbox'ы кастомизируют через связку с label, так как они сами по себе плохо кастомизируются. Скрывают настоящий чекбокс, а эффекты применяют к label и его псевдоэлементам (before, after).
Посмотри этот вопрос, найдешь для себя полезное Как поменять стиль input type="checkbox"?
Вероятно только так:input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
}
Но в целом, как тебе уже ответили, лучше скрой его и стилизуй через другой элемент.