ListItem文本颜色不变

Question

大家好，

我正在对我正在制作的Web表单进行验证，并将所有占位符文本设置为红色以指示需要哪些字段。我还有一个必需的下拉列表，所以我想将第一个“默认”选项的文本颜色也改为红色。我在网上找到的所有解决方案都说它只是风格：

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

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

任何人都知道如何做到这一点，它有效吗？或者我搞砸了？

Answer 1

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

您的解决方案要么使用不同的元素，要么应用第三方库（例如https://select2.github.io/）将正常选择转换为可设置元素

Answer 2

恕我直言，如果你想表明某些字段是必需的，你应该使用像星号（*）这样的东西来表示，然后用红色（或其他颜色）聚焦和着色它们在点击提交时丢失的控件按钮，这种方式更加标准化，因此用户可以轻松理解您要告诉他们的内容，因为他们更熟悉这种方式，我认为它可以为您的用户提供更好的体验。

但是，正如@Yuriy所评论的那样，DropDownList/ListItem控件会呈现为SELECT/OPTION个标记，因此如果您将style="color:red"设置为ListItem标记，则仅{{1}标签将变为红色。

您应该将样式应用于Option控件，如下所示：

DropDownList

它将呈现为

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