X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не понимаю почему с for не работает
sergei_burg
sergei_burg
Topic Starter сообщение 15.7.2019, 7:23; Ответить: sergei_burg
Сообщение #1


Если вот у label добавить атрибут for то переключение перестанет работать, но не понимаю почему.

[CSS]
html, body{
padding: 0;
margin: 0;
background: #fff;
color: #2e2e2e;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 13px/130%;
}
main{
width: 480px;
margin: 0px auto;
text-align: center;
}
input{
display: none;
}
label{
display: inline-block;
margin: 50px 10px;
}
i{
display: inline-block;
position: relative;
width: 100px;
height: 100px;
border: 1px solid #ccc;
border-radius: 6px;
}
input[type="radio"]+i{
border-radius: 50%;
}
i::before{
content: '';
position: absolute;
top: 10px;
bottom: 10px;
right: 10px;
left: 10px;
background: red;
border-radius: 6px;
transform: scale(0);
transition: .4s;
}
input[type="radio"]+i::before{
border-radius: 50%;
}
input:checked+i::before{
transform: scale(1)
}
[/CSS]

<main>
<label><input type="checkbox"><i></i></label>
<label><input type="radio" name="name"><i></i></label>
<label><input type="radio" name="name"><i></i></label>
<br><br>
</main>



Если есть какое то правило то объясните как оно работает.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 22.7.2019, 11:27; Ответить: Degradator
Сообщение #2


если пишешь атрибут for, пиши атрибут id

<label for="my_input">my label</label>
<input id="my_input" name="input" type="radio"/>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Крауд-маркетинг который работает | Эффективные Ру-ссылки
1 Azyuka 957 13.2.2024, 19:36
автор: tascha56
Открытая тема (нет новых ответов) Кто работает с партнерской программой eBay?
0 Stalser 1151 14.12.2021, 12:26
автор: Stalser
Открытая тема (нет новых ответов) Кто работает с партнеркой Кликбанк?
4 metvekot 1697 5.12.2021, 22:32
автор: adamsadriane
Открытая тема (нет новых ответов) Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает.
Ваша реклама может быть больше!
0 AndyGray 6769 1.4.2021, 12:31
автор: AndyGray
Открытая тема (нет новых ответов) Продам мануал "Как работает Google Discover"
8 vvovvo 3083 28.5.2020, 19:50
автор: vvovvo


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:33
Дизайн