CSS Select: заполнитель внутри идентификатора - PullRequest
Новая
       8

CSS Select: заполнитель внутри идентификатора

0 голосов
/ 02 мая 2018

Я оформляю панель поиска на сайте Wordpress, и мне нужно изменить текст заполнителя только для этой панели. У меня нет доступа к HTML.

Вот код, который у меня есть:

#searchform-5aea17efae9386\.31889305 { border-radius:25px; }

Мне нужно, чтобы текст заполнителя был color:#d2d4d3 - все, что я пробовал, меняло цвет каждого экземпляра текста заполнителя вместо нацеливания на конкретную строку поиска.

Вот HTML

<input itemprop="query-input" type="search" name="s" id="searchform-5aea17efae9386.31889305" placeholder="Search this website …">

Любая помощь будет отличной, спасибо.

1 Ответ

0 голосов
/ 02 мая 2018

Вам необходимо использовать селектор puesdo ::placeholder, как указано в комментариях. Для нацеливания только на этот вход просто используйте селектор перед стилем ::placeholder для нацеливания только на этот вход.

Вы можете использовать селектор, предназначенный для входов, чьи id начинается с (^=) «searchform», или просто использовать этот идентификатор, если эти числа не меняются.

input[id^="searchform"]

input[id^="searchform"]::-webkit-input-placeholder { 
  color: red;
}
input[id^="searchform"]::-moz-placeholder { 
  color: red;
}
input[id^="searchform"]:-ms-input-placeholder { 
  color: red;
}
input[id^="searchform"]:-moz-placeholder { 
  color: red;
}
<input itemprop="query-input" type="search" name="s" id="searchform-5aea17efae9386.31889305" placeholder="Search this website …">

<br /><br />

<input itemprop="query-input" type="search" name="s" placeholder="Search this website …">
...