Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 先选择显示图标选项_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 先选择显示图标选项

Html 先选择显示图标选项

html css

Html 先选择显示图标选项,html,css,Html,Css,我有一个标准的selecthtml属性，我想做的是在selected选项列表中添加一个图标，它向用户显示这个select有下载选项，这是我的代码 <select> <option style="background-image: url('https://s17.postimg.cc/kc1y6xwlb/download.png')"></option> <option>PDF</option> <opt

我有一个标准的selecthtml属性，我想做的是在selected选项列表中添加一个图标，它向用户显示这个select有下载选项，这是我的代码

 <select>
    <option style="background-image: url('https://s17.postimg.cc/kc1y6xwlb/download.png')"></option>
    <option>PDF</option>
    <option>CSV</option>
 </select>


PDF
CSV
这就是我想要实现的

我尝试了一些解决方案，但似乎没有一个能解决我的问题，有什么帮助吗

不幸的是，我们无法仅使用CSS为
选项
元素设计样式

但是，我们可以通过
选择


我的片段就是你想要实现的那种东西吗



选择{
边框：1px纯色灰色；
边界半径：8px；
填充：4px 0 4px 24px；
背景图像：url（'https://s17.postimg.cc/kc1y6xwlb/download.png');
背景重复：无重复；
背景位置：8px；
}



…
PDF
CSV

https://postimg.cc/image/voejoq5a3/
不返回图像，而是返回HTML文档-呸！关于这是否可能开始，我认为你应该做一些更多/适当的研究…我很抱歉，我已经编辑了小提琴和代码，请刷新这可能会有所帮助。非常接近，请查看我放置的图像的编辑问题！是的，我已经试过上面的答案了问题是firefox不支持它@是的，它不再支持它了。：）在我的代码片段中，我将下载图像放在该位置，以便在选择选项时继续适合它。我不知道怎样才能做得更好！您的解决方案中的问题是，如果我将背景图像添加到“选择下一个”选项中，则文本会随之出现，而我希望它仅显示下载内容icon@uneebmeer如果我们不在选项中添加任何文本怎么办？