Показать сообщение отдельно
  #2 (permalink)  
Старый 12.11.2023, 23:11
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

Сообщение от eddin
input:checked + span + label::after
Этот селектор означает псевдоэлемент :after элемента label, который (сам label) идет после span, идущего после отмеченного input.
Сообщение от eddin
Ну и может какую идею подкинете, как изменить чекбокс?
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
		input {
			position:relative;
		}
        input::after {
            content:'111';
            position:absolute;
            top: 100%;
        }
         
       input:checked::after {background-color:green; color:white}
    </style>
</head>
<body>
 
 <label>
  <input type="checkbox">
  <span>Я принимаю условия пользовательского соглашения</span>
 </label>
 
</body>
</html>
Ответить с цитированием