Изменение цвета кнопки WordPress не работает

Это самая простая вещь, но она не работает. У меня есть поисковая форма с кнопкой. И я хочу сделать кнопку синей. Легко ли?

Это форма поиска:

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
    <label>
        <span class="screen-reader-text">Search for:</span>
        <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
    </label>
    <input type="submit" class="search-submit2" value="Search" />
</form>

и немного CSS.

.search-submit2 {
    /*text-align: center;*/
    background: url(images/search2.png);
    /*background-size: 50px 50px;*/
   /*  width: 50px; width of image */
   /*  height: 50px; /* height of image */
    background-color: #fff;
    color: #000;
}

Я вижу фоновое изображение (прозрачное png), отображаемое внутри приклада, и получаю тот же результат.

Кто-нибудь видит что-то не так с этим?

2 ответа

Использование background: #fff url() вместо. Отладка для проверки правильности адреса изображения.

Просто добавьте класс.search-submit2 в файл CSS

.search-submit2 {
  color: #000;
  background: #000AFF !important;
 }
Другие вопросы по тегам