html – 如何将背景图像添加到选择框?

前端之家收集整理的这篇文章主要介绍了html – 如何将背景图像添加到选择框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经完成了 this question的答案,但到目前为止我还没有在Google Chrome中获得好运.

下面的代码在Firefox中运行得很好但是:

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-indent: 0.01px;
  text-overflow: ""; 
}

option {
    background: transparent        url(http://www.clinicalflow.com/skins/common/icons/ed_ins_img.png)     no-repeat left center;
    padding-left: 20px;  
    width: 200px;
}

任何提示

Here is the fiddle I have been playing with.

解决方法

应该是这样的:
option {
    background: transparent url(http://www.clinicalflow.com/skins/common/icons/ed_ins_img.png) no-repeat left center;
    padding-left: 20px;  
    width: 200px;
}

你在背景后使用分号:透明;之后那个网址是错的.

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

猜你在找的HTML相关文章