styling asp.net下拉列表

Question

嗨，我有一个ASP下拉控件，我需要为它添加CSS，我添加了这个类：

select {
  padding: 1px;
  margin: 0;
  background: #f8f8f8;
  color: #888;
  border-style: ridge;
  outline: none;
  display: inline-block;
  background-image: url("Images/downarrow.png");
  appearance: none;
  cursor: pointer;
}

但问题是IE 8+中的下拉图像根本没有变化，有没有人有解决方案？

​

​

Answer 1

您不能更改下拉箭头，这是每个浏览器原生的。

对于特定的浏览器，有一些方法可以解决这个问题，但你永远不会在所有浏览器中都做到这一点。

最好的选择是使用dropdown插件，它隐藏了dropdown元素，并在其位置呈现了一个自定义的dropdown。

例如，您可以使用类似于ddSlick的内容，然后对其进行自定义以满足您的需求。