Как правильно задать стили форме поиска?

Question

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

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

<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>

вот стили

#ya-site-form0 .ya-site-form__submit { color: #ffffff !important; }
 .ya-site-form__submit:hover { background-color: #404040 !important; color: #C9DFF2; }
.ya-site-form__submit:hover ~ .ya-site-form__input-text { border-color: #404040 !important; }

Заранее спасибо!

UPD
Через jQuery это тоже не получается сделать

$(document).ready(function() {
    $('.ya-site-form__search-input-layout-r').find('.ya-site-form__submit').on('mouseenter', function() {
        $('.ya-site-form__search-input-layout-l').find('.ya-site-form__input-text').attr('style', 'border-color: #404040!important');
    });
});

Comments

[Ankhena]

При такой разметке вам нужен js.