ListItem 文本颜色不变

Question

大家好，

我正在对我制作的 Web 表单进行验证，并将所有占位符文本设置为红色以指示哪些字段是必需的。我还有一个必需的下拉列表，所以我想将第一个 "default" 选项的文本颜色也更改为红色。我在互联网上找到的所有解决方案都说只需设置样式即可：

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

但是，这在 Chrome 或 IE 中没有任何区别。我检查了元素，它甚至 element.style 颜色为红色，但显然不是...

有人知道如何做到这一点吗？或者我哪里搞砸了？

Answer 1

Dropdown/ListItem 呈现为 HTML SELECT/OPTION 元素 - 您可以应用的样式非常有限 - 即您可以更改背景颜色。

您的解决方案是使用不同的元素或应用第 3 方库（例如 https://select2.github.io/），将正常的 select 转换为可设置样式的元素

Answer 2

恕我直言，如果你想指出某些字段是必需的，你应该使用诸如放星号 (*) 之类的东西来表示，然后用红色（或其他颜色）聚焦和着色它们在单击时丢失的控件提交按钮，这种方式更规范，因此用户可以轻松理解您要告诉他们的内容，因为他们更熟悉这种方式，我认为它可以给您的用户带来更好的体验。

然而，正如@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>

ListItem Text color not changing