ListItem Цвет текста не изменяя

Question

Привет снова все,

Я помещаю проверки на веб-формы Я делаю, и я поставил все замещающий текст на красный, чтобы указать, какие поля были необходимы. У меня также есть раскрывающийся список, который требуется, поэтому я хотел изменить цвет текста первой опции «по умолчанию», чтобы быть также красным. Все решения я нахожу через интернет сказать просто стилизовать:

<asp:ListItem style="color:red" Value=null>--Select Tax Status--</asp:ListItem> 

Однако это не делает никакой разницы в Chrome или IE. Я проверил элемент, и он даже имеет цвет элемента element.style как красный, но это явно не ...

Кто-нибудь знает, как это сделать, чтобы он работал? или где я запутался?

Answer 1

ИМХО, если вы хотите, чтобы указать, что некоторые поля обязательны для заполнения вы должны использовать что-то вроде Погружает asterisk (*), чтобы указать это, а затем фокус и цвет с красным (или другим цветом) элементами управления, которых они не видят при нажатии кнопки отправки, таким образом, является более стандартизированным, и поэтому пользователи могут легко понять, что вы пытаетесь сказать им , потому что они более знакомы таким образом, я думаю, что это может дать лучший опыт для ваших пользователей.

Однако, как отметил @Yuriy, контроль DropDownList/ListItem визуализируется в SELECT/OPTION теги, так что если вы установите style="color:red" в ListItem тег только Option тег будет красным.

Вы должны применить стиль к DropDownList управления, как показано ниже:

<asp:DropDownList ID="ddl" style="color: red;" runat="server"> 
    <asp:ListItem>--Select Tax Status--</asp:ListItem> 
</asp:DropDownList> 

воздастся, как

<select name="ddl" id="ddl" style="color: red;"> 
    <option>--Select Tax Status--</option> 
</select> 

Answer 2

Выпадающий список/ListItem визуализируются как элементы HTML SELECT/OPTION - существует очень ограниченный стиль, который вы можете применить к ним - например, вы можете изменить цвет фона.

Ваше решение либо использовать различные элементы или применить библиотеку третьей стороной (например, https://select2.github.io/), который превращает нормальный выбор в styleable элементов