设计ASP DropDownList的难度

时间:2015-10-28 06:58:04

标签: javascript c# css asp.net dropdown

有谁知道如何设置asp下拉列表的样式?下拉列表的箭头很难改变,这是最初的样子:

enter image description here

有没有人有任何解决方案来修复或设置此asp下拉列表?

这是我的代码:(我无法将其更改为选择下拉列表,因为我的下拉列表选项是根据列表框中的选择动态填充的)

Asp文件

<asp:DropDownList ID="NewDropDownList" runat="server" Width="136px" 
 OnSelectedIndexChanged="jobRun_SelectedIndexChanged" AutoPostBack="True" >  
</asp:DropDownList>

Cs文件

public void BindNewDropDownList()
{
    //Lost to hold the values
    List<DateTime> listCopy = new List<DateTime>();
    DateTime dt;
    string values = String.Join(", ", JOBRUN_CBL.Items.Cast<ListItem>().Where(i => i.Selected).Select(i => i.Text));
    if (values.Contains("Select All"))
    {
        //Loop through each items in listbox and then add it to list
        foreach (ListItem li in ListBox1.Items)
        {
            if (DateTime.TryParse(li.Text, out dt))
            {
                listCopy.Add(dt);
            }
        }
    }
    else
    {
        //Loop through each items in listbox and then add it to list
        foreach (ListItem li in ListBox1.Items)
        {
            //check if item is selected
            if (li.Selected == true)
            {
                //add items to list
                listCopy.Add(DateTime.Parse(li.Text));
            }
        }
    }

    //compare and sort so that the latest date comes on top
    listCopy.Sort((x, y) => y.CompareTo(x));
    //clear the items in dropdownlist
    NewDropDownList.Items.Clear();
    //set the datasource to dropdownlist
    NewDropDownList.DataSource = listCopy;
    //set the dateformatstring in dropdownlist
    NewDropDownList.DataTextFormatString = "{0:dd-MMM-yyyy}";
    //Bind the dropdownlist
    NewDropDownList.DataBind();
}

请帮助我,在很长一段时间内找到解决方案,但仍无法找到装饰它的方法。

感谢。

1 个答案:

答案 0 :(得分:0)

您可以轻松设置DropDownList的样式

这里有一些我对你有帮助的文章

https://wisdmlabs.com/blog/customize-drop-down-list-using-css/

https://css-tricks.com/dropdown-default-styling/

http://www.htmllion.com/default-select-dropdown-style-just-css.html

FYI在浏览器中呈现时,所有ASP.NET控件都转换为HTML标记,因此DropDownList不需要任何特殊样式。 SELECT元素的样式适用于DropDownList。

的问候,