Что использовал кроме appearance

appearance — это CSS-свойство, которое позволяет убрать стандартные стили элементов форм. Вместо него часто используют:

• outline: none — убирает фокусную обводку (но лучше заменять на кастомный :focus стиль для доступности).
• background, border — кастомизация фона и рамок.
• Псевдоэлементы (::before, ::after) — для сложного кастомизированного дизайна чекбоксов/радио-кнопок.
• box-shadow — тени вместо стандартных обводок.
• -webkit- и -moz- префиксы — для кросс-браузерности (например, -webkit-appearance: none).

Пример замены стандартного чекбокса:

input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}

input[type="checkbox"]:checked {
  background-color: #007bff;
  border-color: #007bff;
}