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

Question

[Сергей Ерин]

При наведении на кнопку хочу изменить цвет границы инпута, но почему-то не получается
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');
    });
});

Answer 1

[Kozlov]

Используй mouseover а не mouseenter.

Событие mouseover происходит в момент, когда курсор оказывается над элементом, а событие mouseout – в момент, когда курсор уходит с элемента.

Comments

[Сергей Ерин]

Спасибо за совет. но, к сожалению это не помогает

[profesor08]

Используй mouseover а не mouseenter.

Зачем тригерить событие еще и на потомках?

https://codepen.io/Profesor08/pen/VwYKyKa

Answer 2

[Шохрух Шаймардонов]

Попробуйте заменить 'border-color: #404040!important'
На
'border-color: #404040 !important'
Сначала свой вариант, а если не получится,
то потом предложенные варианты. Ибо у вас ошибка то в этом, на беглый взгляд