Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 29.06.2020, 17:47   #1
xrissstina
 
Регистрация: 24.05.2020
Сообщений: 4
По умолчанию при нажатии на радиокнопку не появляется белая точка внутри, то есть, кнопка не нажимается. Как будто псевдокласс .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
Сообщений: 17,758
По умолчанию

https://jsfiddle.net/ewpnv7xj/

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

Код:

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


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


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