该博客讨论了如何解决一个CSS样式问题，即在Chrome中成功实现的自定义下拉箭头在Firefox和IE9中无法正常显示。作者提供了一段CSS代码，但指出它只适用于Chrome。问题在于不同浏览器之间的CSS兼容性和解析差异。解决方案可能涉及到使用浏览器特定的前缀或者采用更兼容的图片替换技术来确保在所有目标浏览器中的一致显示。
我试图替换一个选择的箭头与我自己的图片。我将选择包含在相同大小的div中，我将选择的背景设置为透明，我在div的右上角包含一个图片(与箭头相同的大小)作为背景。
它只能在Chrome中使用。
我如何使它在Firefox和IE9的工作在我得到这个：
.styled-select {
width: 100px;
height: 17px;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: url(images/downarrow_blue.png) no-repeat right white;
border: 2px double red;
display: inline-block;
position:relative;
}
.styled-select select {
background: transparent;
-webkit-appearance: none;
width: 100px;
font-size: 11px;
border: 0;
height: 17px;
position: absolute;
left: 0;
top: 0;
}
body { background-color:#333333;color: #FFFFFF;}
.block label{ color:white; }
Class
Select
steam
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
