Как стилизовать input[type=“”]?
251
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;
}
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47659 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30529 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23690 visits
- Как через css изменить цвет png изображения? 10363 visits
- Blob video url download 9971 visits
- Php curl запрос через прокси с авторизацией 9224 visits
- Работа с captcha vk api 8106 visits
![Как убрать синий фон при клике [закрыт]](https://hostciti.net/images/nophoto.png "Как убрать синий фон при клике [закрыт]")
© "hostciti.net" 24.12.2024 | 14:53