Форум программистов
 
О проблемах, например, с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Ответ
 
Опции темы
Старый 29.06.2020, 17:47   #1
xrissstina
Новичок
Джуниор
 
Регистрация: 24.05.2020
Сообщений: 3
По умолчанию при нажатии на радиокнопку не появляется белая точка внутри, то есть, кнопка не нажимается. Как будто псевдокласс .checked не работает. Радиокнопки CSS

Вроде все получилось, стили работают, серый кружочек есть. Но при нажатии на радиокнопку не появляется белая точка внутри, то есть, кнопка не нажимается. Как будто псевдокласс .checked не работает. За помощь буду благодарна.
Это код CSS:

Код:
label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 16px;
}
.radio{
display:none;	
}
label:before{
content:"";
display:inline-block;
width:16px;
height:16px;
margin-right:15px;
position:absolute;
left:0;
bottom:0.5px;
background-color:#aaa;
box-shadow:inset 0px 2px 3px 0px rgba(0,0,0, .3), 0px 1px 0px 0px rgba (255,255,255, .8);
}
.divradio label:before{
border-radius:8px;
}
.radio:checked + label:before{
content:'\0000';
color:#f3f3f3;
font-size:30px;
text-align: center;
line-height:18px;
}
Это код HTML:

Код:
<div class='divradio'>
<input type='radio' name='r1' value='no' id='r1'class='radio'><label for='radio'>colspan</label><br><br>
<input type='radio' name='r1' value='yes' id='r2'class='radio'><label for='radio'>rowspan</label><br><br>
<input type='radio' name='r1' value='no' id='r3'class='radio'><label for='radio'>unity</label><br><br>
<input type='radio' name='r1' value='no' id='r4'class='radio'><label for='radio'>union</label><br><br><br>
</div>
xrissstina вне форума Ответить с цитированием
Старый 29.06.2020, 18:24   #2
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 15,764
По умолчанию

https://jsfiddle.net/ewpnv7xj/

Вот это оставьте в CSS

Код:

.radio:checked + label:before{
content:'\0000';
color:#f3f3f3;
font-size:30px;
text-align: center;
line-height:18px;
}
Alar на форуме Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
в документе html есть кнопка при нажатии на которую должна подгрузится функция с внешнего документа js. как подгрузить документ в то же самое окно? DimaDR JavaScript, Ajax 8 15.11.2017 16:56
Не нажимается кнопка в веббраузере( даже руками) scroyler Работа с сетью в Delphi 1 18.02.2013 15:42
не нажимается кнопка в webbrowser zadira555 Работа с сетью в Delphi 1 15.10.2010 09:59
Кнопка в неактивном окне не нажимается Altera Общие вопросы Delphi 1 07.12.2009 13:24
не нажимается кнопка в WebBrowser-ре furstenberg Работа с сетью в Delphi 1 02.02.2008 17:18


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS