asp.net - GridView Dropdownlist CSS 第一个字母应为黑色，其余内容应为绿色

Question

如何更改gridview内下拉列表中第一个字母的颜色？

  <asp:GridView ID="grdAvailableRooms" runat="server" >
    <Columns>
      <asp:TemplateField HeaderText="TESTDROPDOWN">
        <ItemTemplate> 
      <asp:DropDownList ID="ddlRoomsCount" runat="server"    Width="120px"CssClass="GridTextinGreen" >     
         <asp:ListItem Value="0">Day</asp:ListItem>
          <asp:ListItem Value="1">1 (USD 3510)</asp:ListItem>
          <asp:ListItem Value="2">2 (SAR 7020)</asp:ListItem>
           <asp:ListItem Value="3">3 (USD 8610)</asp:ListItem>
          <asp:ListItem Value="4">4 (SAR 9050)</asp:ListItem>
      </asp:DropDownList>
    <Columns>
   </asp:GridView>

例如：1（3510 美元）- 第一个字母“1”应以黑色显示，其余内容应以绿色显示

请帮助我应用这些类型的样式。

Answer 1

元素首字母的 CSS 选择器是:first-letter。

例如，将段落的第一个字母设为红色

p:first-letter { color: red; }

我不熟悉将 CSS 样式应用于 GridView，但这个网站似乎很有用http://atashbahar.com/post/GridView-makeover-using-CSS.aspx

编辑：正如我所说，我不熟悉 GridView。但是，在网页上给出的示例中，只要他们使用

<asp:GridView ID="grdAvailableRooms" runat="server"  
    CssClass="mGrid">  

为网格分配一个css类，然后在css中我猜你应该做类似的事情

.mGrid ul li:first-letter { color: red; }