Как только CSSом выбрать вот такой элемент <label>?
Код: Выделить всё
<div class="wrap">
<div class="wrap-input>
<input>
</div>
<label>
</div>
Код: Выделить всё
.wrap input + label {
}
Код: Выделить всё
<div class="wrap">
<div class="wrap-input>
<input>
</div>
<label>
</div>
Код: Выделить всё
.wrap input + label {
}
Спасибо, очень близко. Но так я пробовал. > не совсем то (с) pin
Нет. Посмотрел внимательно, там простой случай.
Seems workingmikei писал(а): ↑13 ноя 2020, 13:25 Заголовок, чтобы по каждому члучаю темы не плодить.
Как только CSSом выбрать вот такой элемент <label>?
Код: Выделить всё
<html> <head> <style> .wrap { font-size: 20px; } .wrap-input { font-size: 40px; } .wrap label { font-size: 60px; font-weight: bold; } </style> </head> <body> <div class="wrap"> HELLO <div class="wrap-input"> <input type="text" value="world"/> </div> <label>OF PAIN</label> </div> <label>The end</label> </body> </html>
Не. ТЗ может быть не понятно сформулировано, но не всё так просто. Сделаю вижуалс без джаваскрипта скорее никак.ura писал(а): ↑13 ноя 2020, 21:55Seems workingmikei писал(а): ↑13 ноя 2020, 13:25 Заголовок, чтобы по каждому члучаю темы не плодить.
Как только CSSом выбрать вот такой элемент <label>?
Код: Выделить всё
<html> <head> <style> .wrap { font-size: 20px; } .wrap-input { font-size: 40px; } .wrap label { font-size: 60px; font-weight: bold; } </style> </head> <body> <div class="wrap"> HELLO <div class="wrap-input"> <input type="text" value="world"/> </div> <label>OF PAIN</label> </div> <label>The end</label> </body> </html>
Вот же, я уточнил
Target label when input:checked. Покажу через пару часов. Там ещё сложнее, это я ещё упростил для себя html, насколько был доступ к нему. В оригинальном html input завернут в label.
Ura
Код: Выделить всё
<html>
<head>
<style>
.wrap { font-size: 20px; }
.wrap-input { font-size: 40px; }
.wrap-input input+label
{
font-weight: bold; color: blue;
}
.wrap-input input:checked+label
{
font-weight: bold; color: gray;
}
</style>
</head>
<body>
<div class="wrap">
HELLO WORLD
<div class="wrap-input">
<input type="checkbox" id="cb1"/>
<label for="cb1">OF CSS PAIN</label>
<input type="checkbox"/ id="cb2">
<label for="cb2">OR CSS PLEASURE</label>
</div>
<label>The choice is yours.</label>
</div>
</body>
</html>
Добавил туда же вариант собственно вопроса. Когда <div>input</div>label то эта схема перестает работать. Как div пропустить css-ом только? Мне очень нежелательно избавляться от него в htmle.ura писал(а): ↑14 ноя 2020, 15:46 Then the +label option suggested before is correct.
Код: Выделить всё
<html> <head> <style> .wrap { font-size: 20px; } .wrap-input { font-size: 40px; } .wrap-input input+label { font-weight: bold; color: blue; } .wrap-input input:checked+label { font-weight: bold; color: gray; } </style> </head> <body> <div class="wrap"> HELLO WORLD <div class="wrap-input"> <input type="checkbox" id="cb1"/> <label for="cb1">OF CSS PAIN</label> <input type="checkbox"/ id="cb2"> <label for="cb2">OR CSS PLEASURE</label> </div> <label>The choice is yours.</label> </div> </body> </html>
это очень крутой плагин FormidablePro там много для чего может быть наставлено. Например, можно чекбоксики на картиночки заменить. А мне надо на кнопачки заменить. Значит никак А я думал я самый крутой сиэсэшник каморки Ну тогда по тупому джаваскриптом. Тогда просто класс туда зааппендить на чек и даже с эчтиэмелом не надо мухлевать.