css – 选择的背景图片(下拉菜单)在Chrome中无法使用

前端之家收集整理的这篇文章主要介绍了css – 选择的背景图片(下拉菜单)在Chrome中无法使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用图像作为选择/下拉菜单的背景。以下CSS在Firefox和IE中正常工作,但在Chrome中不可用:
#main .drop-down-loc { width:506px; height: 30px; border: none; 
  background-color: Transparent; 
  background: url(images/text-field.gif) no-repeat 0 0; 
  padding:4px; line-height: 21px;}

解决方法

select 
{
    -webkit-appearance: none;
}

如果需要,您还可以添加包含箭头作为背景的一部分的图像。

原文链接:https://www.f2er.com/css/221025.html

猜你在找的CSS相关文章