如何设置asp.net下拉列表的样式
萨西达兰
您可能会觉得这是一个重复的问题，但是我有一个Asp：DropDownList，其样式需要如下图所示。
我浏览了Google和一些网站（在Stack中提到），但无法获得预期的结果。
有人可以帮我吗？
提前致谢..
阿伦·贝蒂尔
试试下面的代码
的HTML
<asp:DropDownList ID="DropDownList1" runat="server" Width="120px" BackColor="#F6F1DB" ForeColor="#7d6754" Font-Names="Andalus" CssClass="ddl">
<asp:ListItem Text="DEPART FROM"></asp:ListItem>
</asp:DropDownList>
CSS
编辑
<style type="text/css">
.ddl
{
border:2px solid #7d6754;
border-radius:5px;
padding:3px;
-webkit-appearance: none;
background-image:url('Images/Arrowhead-Down-01.png');
background-position:88px;
background-repeat:no-repeat;
text-indent: 0.01px;/*In Firefox*/
text-overflow: '';/*In Firefox*/
}
</style>
检查我在Chrome中获得的屏幕截图，同时附上下拉箭头图像（Arrowhead-Down-01.png）。希望这对您有所帮助。
屏幕截图
Arrowhead-Down-01.png
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何应用ASP.net下拉列表的禁用样式
- 2
如何设置UL / LI下拉列表的样式
- 3
如何设置自动填充下拉列表的样式
- 4
如何设置UL / LI下拉列表的样式
- 5
使用bootstrap v3为asp.net下拉列表控件添加样式
- 6
样式下拉列表asp.net mvc后，验证不起作用
- 7
如何设置由 ASP.NET Core 中的 SQL 表填充的下拉列表的选项值？
- 8
ASP.NET MVC 5设置下拉列表的值
- 9
如何设置列表样式为下拉列表（使用滚动条）
- 10
如何使用asp.net通过下拉列表搜索记录
- 11
如何从ASP.NET MVC中的枚举创建下拉列表？
- 12
ASP.NET：如何从下拉列表到自动完成
- 13
Asp.net MVC如何用数字填充下拉列表
- 14
如何用下拉列表过滤，我迷路了。ASP.NET
- 15
如何在Asp .net MVC中验证下拉列表
- 16
如何检查asp.net中的空下拉列表
- 17
如何在 ASP.Net MVC 中创建下拉列表
- 18
asp.net MVC级联下拉列表
- 19
MVC ASP.Net VB的下拉列表
- 20
ASP.NET MVC +填充下拉列表
- 21
ASP.NET VB下拉列表
- 22
ASP.net 级联下拉列表
- 23
验证 asp.net 中的下拉列表
- 24
如何在 Symfony 表单中设置下拉列表的子元素的样式
- 25
如何设置 PrimeNg 下拉图标的样式
- 26
如何将Bootstrap下拉样式应用于ASP.NET MVC DropDownList？
- 27
使用ASP.NET Web表单将值设置为空时验证下拉列表
- 28
为什么我的asp.net下拉列表文本对齐未设置为居中？
- 29
使用ASP.NET Web表单将值设置为空时验证下拉列表
我来说两句