Как стилизовать input[type=“”]?
243
14 октября 2018, 17:10
Подскажите, как можно стилизовать input[type="radio"] и input[type="checkbox"] (без разницы) таким образом, чтобы активный пункт при его выборе полностью обводился в рамку, т.е. вот так
.primer { display: inline-block; border: 1px solid black; }<div class="primer">
<label class="product--items"><input type="radio" class="radio" name="" value="1" checked="checked">Пример</label>
</div>Разметка такая, и меняться не должна:
<label class="product--items"><input type="radio" class="radio" name="" value="1" checked="checked">Один</label>
<label class="product--items"><input type="radio" class="radio" name="" value="1">Два</label>
<label class="product--items"><input type="radio" class="radio" name="" value="1">Три</label>т.е. input обернут в label.
Answer 1
Используй псевдокласс focus :
.primer:focus {
display: inline-block;
border: 1px solid black;
}
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47560 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30495 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23630 visits
- Как через css изменить цвет png изображения? 10349 visits
- Blob video url download 9958 visits
- Php curl запрос через прокси с авторизацией 9210 visits
- Работа с captcha vk api 8094 visits
![Как убрать синий фон при клике [закрыт]](https://hostciti.net/images/nophoto.png "Как убрать синий фон при клике [закрыт]")
© "hostciti.net" 23.11.2024 | 16:28