.
не помогает
Size: a a a
2020 October 13
L
...
не помогает
Гугл говорит аутлайн ноун
СС
а, кстати да. Этож не бордер
.
Гугл говорит аутлайн ноун
sps
.
а как можно сделать так что бы пэрэнт див обертывался в бордер при фокусе на инпут
.
хотел написать код внутри но выдает ошибку
С
...
а как можно сделать так что бы пэрэнт див обертывался в бордер при фокусе на инпут
На цсс никак
С
Можешь попробовать обернуть ещё в один див а тот корому нужен бордер через абсолют после инпута и делать инпут:фокус ~ див бордер
IM
...
а как можно сделать так что бы пэрэнт див обертывался в бордер при фокусе на инпут
input:focus +span::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
С
Ivan Musenzovy
input:focus +span::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
Только вот либо инпут либо спан тоже должен быть с абсолютом
.
Ivan Musenzovy
input:focus +span::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
спасибо
IM
Санжар
Только вот либо инпут либо спан тоже должен быть с абсолютом
нет. ты имеешь ввиду что перекроется слоем афтера? в таком случае просто z-index больше при понадобности
V
...
а как можно сделать так что бы пэрэнт див обертывался в бордер при фокусе на инпут
focus-within?
С
Ivan Musenzovy
нет. ты имеешь ввиду что перекроется слоем афтера? в таком случае просто z-index больше при понадобности
Ему нужно родителю бордер дать при фокусе на инпут
С
Спан же не родитель
IM
Санжар
Спан же не родитель
это так, потому я сымитировал это с помощью спана
.
Ivan Musenzovy
input:focus +span::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid green;
}
а у родителя position: relative;
span это пэрэнт элемент
.
...
span это пэрэнт элемент
?
IM
нет, просто лежащий по соседству, сразу после инпута
С
Focus-within пробуй