asp.net - 样式下拉列表 ASP.NET

Question

嗨，我正在尝试DropDownList在我的ASP.NETWeb 应用程序中做到这一点。

我不能使用select标签，因为我已经将一些数据绑定到 DropDownList。基本上我正在尝试从中删除默认箭头按钮DropDownList并将此图像添加为背景。有任何方法可以使用CSS. 这是我用过的css

.drop-down-style
{
  width:150px;
  height:20px;
  border:solid 2px #a3a4a6;
  background-image:url('../Images/DropDownImage.gif');
}

Answer 1

像这样的东西？

CSS：

.styled-select {
    width: 308px;
    height: 23px;
    overflow: hidden;
    background:url(arrow_xs.png) no-repeat 225px #FFF;
    border: 1px solid #ccc;
}
.styled-select select {
    background: transparent;
    width: 309px;
    padding-right: 4px;
    padding-bottom:7px;
    padding-left: 4px;
    padding-top: 0px;
    font-size: 12px;
    line-height: 1;
    border: none;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}

HTML

<div class="styled-select">
    <select>
        <option>First option</option>
        <option>Second option</option>
    </select>
</div>

编辑：您可以添加带有定位（div）的箭头。

编辑 我把它放在一个jsfiddle给你：http: //jsfiddle.net/X4J3L/1/

Answer 2

而不是使用一些第三方插件或 jquery 脚本，你应该使用 ajax 工具包的组合框。在这里看一个例子

组合框示例