Клуб Яндекс.Поиска для сайта

Кривое задание стилей в поиске.

ex-er-sis
15 января 2016, 18:19

Здравствуйте.

 

Для отработки макета сайта создал отдельный поддомен, залил туда макет и настроил модуль поиска.

http://belomortrans.chipinfo.pro/

 

Начал стилизовать поиск под макет. В итоге, смог кастомизировать всё, кроме цвета текста на кнопке. Всё оттого, что у вас при загрузке используется следующее инлайн правило:

 

#ya-site-form0, #ya-site-form0 .ya-site-form__form, #ya-site-form0 .ya-site-form__input, #ya-site-form0 .ya-site-form__input-text, #ya-site-form0 .ya-site-form__submit, #ya-site-form0 .ya-site-form__search-precise {

font-size: 12px !important;
color: #000 !important; }

 

 

Так как правило inline + у него указано !important, то цвет текста не меняется, даже если я указываю в своих стилях:

#ya-site-form0 .ya-site-form__submit { color: #fff !important; }

и\или

.ya-site-form__search-input-layout-r .ya-site-form__submit { color: #fff !important; }

 

Из решений, которые я вижу сейчас - это только перезапись стилей JS-скриптом после загрузки страницы, и это не самый разумный подход, на мой взгляд.

Было бы приятно, если бы вы что-нибудь придумали (например, убрали !important, либо добавили выбор цвета шрифта кнопки в настройки поиска). Спасибо.

3 комментария
Подписаться на комментарии к посту
firstlena.pershina
15 января 2016, 18:26

Про проблемы, связанные с !important знаем, даже нашли более-менее красивое решение, но пока еще не успели полностью на своей стороне поддержать.

Но вообще тут, например, можно полностью заменить кнопку, как показано в нашем вебинаре.

Про кнопку там с 8:20:

https://youtu.be/KTA7JmLJ57c

Кажется, что такое решение должно для вас хорошо подойти.

 firstlena.pershina Спасибо за ссылку!

Я понял, спасибо.

 

Дело в том, что для наивысшего приоритета надо было задать стили прямо под в том же файле\месте где вызывал код поиска, а не в отдельном файле стилей.