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选择器是：第一个字母。

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

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; }

GridView Dropdownlist CSS首字母应为黑色，剩余内容应为绿色

1 个答案: