Как поменять цвет текста для select option?

Question

[verygoodboy]

Как поменять цвет для текста который находится в select как плейсхолдер пока ни один элемент из списка не выбран (<option disabled selected hidden>?

<select class="custom-select">
  <option disabled selected hidden>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

Я все перепробовал что можно было загуглить, но решения так и не нашел... Есть ли такое решение?

Comments

[Антон Горецкий]

в нативном селекте скорее всего нельзя. Поэтому, многие пишут свою реализацию на js+css

[verygoodboy]

Антон Горецкий, спасибо, а есть простой способ поменять цвет плейсхолдера для текстового инпута?

[Антон Горецкий]

verygoodboy, тоже самое - своя реализация. Делают абсолютом накладку на input и в зависимости от псевдокласса :invalid показывают или прячут.

[verygoodboy]

Антон Горецкий, ясно, спасибо большое

Answer 1

[igor042018]

https://dimox.name/jquery-form-styler/ неплохая библиотека для стилизации селектов
____
спасибо, а есть простой способ поменять цвет плейсхолдера для текстового инпута?
____
input::placeholder {...}

Comments

[verygoodboy]

Спасибо за библиотеку! Пробовал для input

input::placeholder {
            color: red;
        }

но результата нет... Также пробовал другие варианты из сети - не работают

[igor042018]

А есть ссылка на страницу или codepen или напиши телегу ? должно работать

[verygoodboy]

igor042018, Есть ссылка. Это известная админка https://adminlte.io/themes/v3/pages/tables/simple.html
На этой странице есть таблицы и там можно увидеть поисковую форму. Именно о ней и идет речь.

[igor042018]

input.form-control::placeholder {
color: red;
}

Вот так получиться

[igor042018]

verygoodboy, нужно перебить текущие стили за счет тега + класса

[verygoodboy]

igor042018, работает, спасибо большое!