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

0

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

input[type=email]:focus +  div.emailicon,
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}
  • 2
    удалите запятую (,) и пробел перед div (некоторые браузеры не поддерживают это)
  • 2
    Это работает, вы просто ставите запятую после своего правила селектора, что заставляет его полностью нарушать правило: jsfiddle.net/f93RB
Показать ещё 7 комментариев
Теги:

2 ответа

1
Лучший ответ

Как насчет этого?

div.emailicon { 
     border: 3px solid; 
}

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

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

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

Поделиться
  • 0
    Спасибо, это сработало для меня ... Спасибо
  • 0
    Я рад, что смог вам помочь. Хорошего дня.
Показать ещё 13 комментариев
3

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

input[type=email]:focus +  div.emailicon
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}
Поделиться
  • 0
    но для меня это не работает, я не знаю, почему ..... ??
  • 0
    если возможно, предоставьте jsfiddle
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню