#Html <form method="POST" action="https://google.com">

Question

#Html <form method="POST" action="https://google.com">

<label for="radio_0"><input type="radio" name='vote', value='up' required id='radio_0'>Up</label>
<label for="radio_1"><input type="radio" name='vote', value='down' required id='radio_1'>Down</label>
<input type="submit" value="submit">
</form>

#css
label {
border: 1px solid black;
padding: 3px 7px;
}

input[type=radio] {
display: none;
}

input[type=radio]:checked + label {
background-color: blue;
color: white;
}

Почему при нажатии на лейбл он не меняет стиль? сижу больше часа не могу понять

#css #frontend #html #programming #russian

0

29.09.2021

9 ответов

17 просмотров

Dima Kuriptya Автор вопроса

Антон Жарков
Focus или active юзай

И то и то попробовал, не работает

0

29.09.2021

Антон Жарков

Dima Kuriptya
И то и то попробовал, не работает

По айдишнику отловить пробуй

0

29.09.2021

Dima Kuriptya Автор вопроса

Антон Жарков
По айдишнику отловить пробуй

#radio_0:checked + label {} не работает, если я правильно понял что нужно менять

0

29.09.2021

Антон Жарков

Dima Kuriptya
#radio_0:checked + label {} не работает, если я пр...

Вместо + пробуй ~ или просто пробел, подзабыл как они там работают, можно прогуглить

0

29.09.2021

Dima Kuriptya Автор вопроса

Антон Жарков
Вместо + пробуй ~ или просто пробел, подзабыл как ...

Ни тильда ни пробел тоже не работают

0

29.09.2021

Антон Жарков

Dima Kuriptya
Ни тильда ни пробел тоже не работают

Блин, сейчас не у компа, попробовал бы, если не забуду попозже

0

29.09.2021

Dima Kuriptya Автор вопроса

Антон Жарков
Блин, сейчас не у компа, попробовал бы, если не за...

Хорошо, буду ждать(

0

29.09.2021

Dima Kuriptya Автор вопроса

Антон Жарков
Блин, сейчас не у компа, попробовал бы, если не за...

Нашёл ошибку, просто нужно было открывать тег lable после input а, а у меня обёртка получалась, вообще не мог подумать что проблема в этом, а не в стилях

0

29.09.2021

Антон Жарков · Accepted Answer

Антон Жарков

Focus или active юзай

0

29.09.2021

169 похожих чатов

#Html <form method="POST" action="https://google.com">

9 ответов

Похожие вопросы