CSS在asp.net上设置了DropDownList

时间:2013-09-05 07:08:13

标签: c# jquery asp.net css jquery-ui

有没有人为asp:DropDownList提供更好的样式DropDownList或现成的css文件? 我找不到在www完成的东西?!

<asp:DropDownList ID="DropDownList1" runat="server" Width="50px">
</asp:DropDownList>

我可以想象jQuery UI style之类的东西。

感谢您的建设性答案!

4 个答案:

答案 0 :(得分:2)

我在项目中使用this看起来很好。

答案 1 :(得分:1)

试试这个:link

 .dropdown1 {    
    background: url(http://maxgxl.com/max4u/images/selectArrowDown.png) no-repeat 95% center;
    width:150px;
    border: 1px solid #000; 
    overflow: hidden; 
    border-radius:5px;
}
.dropdown1 select {
    border:0px; 
    width:168px; 
    background:none;
}

答案 2 :(得分:0)

您在这里分享的链接似乎是一个comboBox。如果您想设计下拉列表控件,那么您也可以拥有自己的样式。

想想你在这里给出的相同链接。它包含一个文本框,其背景图像是一个小三角形,似乎是一个下拉列表,还有一个简单的div / list控件(ul-li),其中包含下拉列表下面填充的所有项目。

现在您需要确定您的设计需要具备的内容。根据您的要求,您可以在此处自定义下拉列表。

看到这只是一种如何创建自己风格的自定义下拉列表的方法。如果你去jquery下拉列表,那么你可以拥有相同的外观和感觉,你可以设计自己的。因此,您可以使用下拉列表决定要包含的内容。

由于

答案 3 :(得分:0)

.search_categories .select{

  background: transparent;

  line-height: 1;

  border: 0;

  padding: 0;

  border-radius: 0;

  width: 120%;

  position: relative;

  z-index: 10;

  font-size: 1em;

}