Как мне изменить цвет радио кнопок?

Question

Я имею в виду, радио-кнопка сама состоит из круглой формы и точки в центре (когда кнопка выбрана).То, что я хочу изменить, это цвет обоих.Можно ли это сделать с помощью CSS?

Answer 1

Это не возможно для нативного CSS. Вам придется использовать фоновые изображения и некоторые уловки JavaScript.

Answer 2

Вам также понадобится немного JavaScript. См. здесь , например.

Answer 3

Простым решением будет использование следующего свойства CSS.

input[type=radio]:checked{
    background: \*colour*\;
    border-radius: 15px;
    border: 4px solid #dfdfdf;
}

Answer 4

Умный способ сделать это - создать отдельный div с высотой и шириной, например, 50px, а затем радиусом 50px, наложить его на ваши переключатели ...

Answer 5

Может быть полезно привязать переключатель к стилизованной метке.Подробнее в этот ответ .