Фокусировка и один элемент должны отражать другой элемент в CSS

Question

Im работает с стилем CSS.
Приходит к моему случаю. Если я сосредоточусь на элементе ввода, тогда граница div, которая полностью вне этого div (которая содержит элемент ввода), должна изменить цвет рамки. Для этого я просмотрел несколько фрагментов. Но он не работает должным образом. Могу ли я получить точный фрагмент или намеки на это? без использования java-скрипта или j-запроса

input[type=email]:focus + div.emailicon, 
{ 
    border-color: #e86740; 
    box-shadow: none; 
    outline: none; 
} 

Answer 1

Как насчет того, чтобы попробовать этот?

div.emailicon { 
    border: 3px solid; 
} 

input[type=email]:focus + div.emailicon 
{ 
    border-color: #e86740; 
    box-shadow: none; 
    outline: none; 
} 

Here - это скрипка js, которую вы можете проверить.

Отредактировано: Я возвращаюсь обратно в +, поскольку я понимаю, что я сделал глупую ошибку, теперь он должен работать точно, что означает, что ваши исходные коды работают нормально. Извинись за мою глупую ошибку.

Answer 2

Удалите запятую ,. Это применит границу к div рядом с фокусом ввода.

input[type=email]:focus + div.emailicon 
{ 
    border-color: #e86740; 
    box-shadow: none; 
    outline: none; 
}