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元素-您可以將樣式應用於這些元素的樣式非常有限-即，您可以更改背景顏色。

您的解決方案是使用不同的元素，或應用第3方庫（例如https://select2.github.io/ ）將常規選擇轉換為可樣式化的元素

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>