This question already has answers here:
How do I style a <select> dropdown with only CSS?
(24个答案)
3年前关闭。
嗨,我正在寻找一种解决方案,以使我的选择具有跨浏览器样式。目前,我的选择(下拉菜单)在chrome,firefox,safari和IE中看起来有所不同。我发现了一些问题,但他们并没有真正帮助我。有人知道如何执行此操作吗?目的是使我的选择在每个浏览器中都相同。
我试过这个CSS:
谢谢
它说它适用于Chrome 45.x,Firefox 41.x和Internet Explorer11.x。但未测试较旧版本
(24个答案)
3年前关闭。
嗨,我正在寻找一种解决方案,以使我的选择具有跨浏览器样式。目前,我的选择(下拉菜单)在chrome,firefox,safari和IE中看起来有所不同。我发现了一些问题,但他们并没有真正帮助我。有人知道如何执行此操作吗?目的是使我的选择在每个浏览器中都相同。
我试过这个CSS:
select {
transition: border-color ease-in-out 0.15s;
background: transparent;
border: 1px solid $BORDER_COLOR;
outline: 0;
padding: 5px;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: radio-container;
appearance: none;
background: url("../../assets/images/arrow.svg") no-repeat center right;
}
谢谢
最佳答案
那个怎么样 ? http://jsfiddle.net/jphase/quqnmoun/
来自:http://robido.com/css/pure-css-select-dropdown-style-override-the-default-select-dropdown-styles-with-css/
它使用这些选择器
select::-ms-expand
select:-moz-focusring
它说它适用于Chrome 45.x,Firefox 41.x和Internet Explorer11.x。但未测试较旧版本
关于css - 如何选择跨浏览器样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37325118/