Css 使选择框在Twitter引导程序中发出蓝色光芒

我正在使用Twitter Bootstrap 2.0，我想知道如何更改选择框，使其具有与文本框和其他表单元素相同的令人敬畏的蓝光

现在，当焦点放在表单元素上时，除了选择框之外，我所有的表单元素都是蓝色的。我注意到即使是在​当我把注意力放在选择框上时，它们会发出橙色的光，所以可能它还没有内置。有没有其他人必须处理这个问题，或者知道如何解决它？谢谢大家!

1）在bootstrap.css文件中添加以下行

.shadow\u选择{
-webkit盒阴影：插入0 1px 1px rgba（0,0,0,0.075）；
-moz盒阴影：插入0 1px 1px rgba（0,0,0,0.075）；
盒影：插入0 1px 1px rgba（0,0,0,0.075）；
-webkit过渡：边框线性0.2s，框阴影线性0.2s；
-moz过渡：边界线性0.2s，框阴影线性0.2s；
-ms过渡：边界线性0.2s，框阴影线性0.2s；
-o型过渡：边界线性0.2s，盒影线性0.2s；
过渡：边界线性0.2s，框阴影线性0.2s；
}
.shadow\u选择：焦点{
边框颜色：rgba（82,168,236,0.8）；
-webkit盒阴影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（82,168,236,0.6）；
-moz盒阴影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（82,168,236,0.6）；
盒影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（82,168,236,0.6）；
大纲：0；
轮廓线：细点\9；
/*IE6-9*/
}

2） 然后为select标记应用shadow\U select类

AAAA
BBBBB
CCCCC

---

这适用于除webkit之外的所有其他浏览器。对于webkit wrap，请使用div选择。然后使用jquery检测select上的焦点事件，并将CSS阴影类应用于该div。（因为焦点事件不能应用于div

如果使用Compass，则可以获取这些混音 然后像这样使用它们：

@import "compass-bootstrap-box-shadow" 

shadow_select
    @include bs-box-shadow
    &:focus, &:hover
        @include bs-box-shadow-focus

---

我是Sass和Compass的新手，因此如果您有任何改进，请随时告诉我。

以Sacindra的为基础，这说明了如何在webkit（Chrome，Safari）浏览器中实现这一点

---

顺便说一句，Sacindra在第2点中的class属性拼写错误，这让我有点困惑（shadow\u slect->shadow\u select）

如果您使用上述Sacindra的答案，它可能无法在webkit或其他现代浏览器中正常工作。 为此，您只需要在“.shadow select:focus”元素中包含这两个标记。这对我很有用

边框样式：实心；
边框宽度：1px；

您不能使用css设置选择框的样式。我相信您只能在webkit浏览器中执行此操作。请参阅此处的操作方式：它在除webkit之外的所有其他浏览器上工作。对于webkit，请使用div包装选择。然后使用jquery检测select上的焦点事件，并将css阴影类应用于该div。（因为焦点事件不能应用于div）正如我所有的经理都喜欢指出的，在软件开发中没有什么是不可能的。