select {outline：none}禁用SELECT元素的其他样式

Question

我在页面上有很多SELECT元素，问题是在IE11中它们有一个大纲，我尝试使用CSS删除它： 选择{轮廓：无;}

它可以正常工作，它是唯一的样式元素！一旦我向SELECT添加了更多样式，例如背景颜色，大纲：none就不再起作用了！

它应该在 IE 和 SELECT 元素中工作。但是在其他浏览器中，默认情况下没有应用于元素的大纲。

提前致谢

Answer 1

通过使用CSS，您可以在所有浏览器中获得相同的样式。

检查 DEMO 。

select{
  outline:none; 
  border:1px solid #E4E4E4; 
  padding:10px; 
  width:200px;
  background: none repeat scroll 0 0 #F7F7F7;
}