Контекст заключается в том, что мне нужно использовать элементы select, созданные из каркаса, который я бы предпочел не изменять (соответственно jqxComboBox и jqxDropDownList из jQWidgets ), и использовать их встроенные заполнители.
jqxComboBox создает внутренний input для этого с атрибутом placeholder="my text", поэтому он корректно оформляется в серых заполнителях, зависящих от браузера.
Однако jqxDropDownList создает внутренний span с атрибутом unselectable="on"это по умолчанию отображается в цвете шрифта страницы.
Я бы хотел соответственно стилизовать jqxDropDownList, но серый цвет меняется после браузера.Есть ли согласованный способ получения цвета заполнителя, который использует браузер, без необходимости объявлять разные правила для каждого из них?
пример: этот серый цвет хорош для Firefox, но не для Chrome (может показаться, что это различие)маленький здесь, но он подчеркивается нашим CSS).
body {
font-weight: bold;
}
input { /*just for the example*/
width: 100%;
}
input::placeholder { /*just for the example*/
font-weight: bold !important;
}
span[unselectable="on"] {
color: #777777 !important;
}
<input style=type="textarea" placeholder="native browser placeholder color"><br>
<span unselectable="on">testing placeholder color emulation</span><br>
<span>what I have currently in my jqxDropDownList</span>
РЕДАКТИРОВАТЬ: частично решил мою проблему, переопределив цвет заполнителей для всех браузеров после принятого ответа этого поста , новсе еще интересуются ради чистого знания ..