Как задать изменение стилей?

При наведении на кнопку хочу изменить цвет границы инпута, но почему-то не получается
html
<tr>
    <td class="ya-site-form__search-input-layout-l">
        <div class="ya-site-form__input">
            <input name="text" type="search" value="" class="ya-site-form__input-text" placeholder="Поиск" autocomplete="off">
        </div>
    </td>
    <td class="ya-site-form__search-input-layout-r">
        <input class="ya-site-form__submit" type="button" value="Найти">
    </td>
</tr>


jQuery
$(document).ready(function() {
    $('.ya-site-form__submit').on('mouseenter', function() {
        $('.ya-site-form__input-text').attr('style', 'border-color: #404040!important');
    });
});
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 2
romandkoz
@romandkoz
Используй mouseover а не mouseenter.

Событие mouseover происходит в момент, когда курсор оказывается над элементом, а событие mouseout – в момент, когда курсор уходит с элемента.
Ответ написан
joeberetta
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Попробуйте заменить 'border-color: #404040!important'
На
'border-color: #404040 !important'
Сначала свой вариант, а если не получится,
то потом предложенные варианты. Ибо у вас ошибка то в этом, на беглый взгляд
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы