更改<select> HTML表单上的边框颜色

Question

是否可以更改<select/>HTML表单中元素的边框颜色？

该border-color样式适用于Firefox,但不适用于IE.

我在谷歌上找不到真正的答案.

Answer 1

我会在div块中包含那个select块并设置border属性,如下所示:

<div style="border: 2px solid blue;">
  <select style="width: 100%;">
    <option value="Sal">Sal</option>
    <option value="Awesome">Awesome!</option>
  </select>
</div>

你应该能够用它来完成你需要的东西.

Answer 2

正如Diodeus所说,除了<select>元素的默认边框外,IE不允许任何其他内容.但是,我知道有两个黑客可以达到类似的效果:

1. 使用与下拉列表完全位于同一位置的DIV并设置其边框.看起来下拉列表有边框.

2. 使用Javascript解决方案,例如,此处提供的解决方案.

然而,它可能证明是太费力,所以你应该评估你是否真的需要边界.