Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/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
Css 我可以将“选择框”选项的背景更改为图像图案的背景吗?_Css - Fatal编程技术网

Css 我可以将“选择框”选项的背景更改为图像图案的背景吗?

Css 我可以将“选择框”选项的背景更改为图像图案的背景吗?,css,Css,如果使用png模式,我可以轻松更改选择框的背景: select { background: url(path/to/some/image.png); } 对于该选择框的选项,同样的操作将不起作用。我可以给他们一个背景色:红色但是我想使用一个模式(与select相同) 我的印象是,这是不可能的,但我找不到任何证据证明这一点,我希望它是(不知何故)。建议?要正确更改选项元素的背景图像并不容易(或者说不可能),因为每个浏览器的渲染方式都不同。 您可以使用javascript插件(如)来模拟

如果使用png模式,我可以轻松更改选择框的背景:

select {
     background: url(path/to/some/image.png);
}
对于该选择框的选项,同样的操作将不起作用。我可以给他们一个
背景色:红色但是我想使用一个模式(与select相同)

我的印象是,这是不可能的,但我找不到任何证据证明这一点,我希望它是(不知何故)。建议?

要正确更改选项元素的背景图像并不容易(或者说不可能),因为每个浏览器的渲染方式都不同。 您可以使用javascript插件(如)来模拟select元素

如果您想使用纯CSS解决方案,我想最好为不接受选项元素背景图像的浏览器提供一个后备方案:

background: #red url(path/to/some/image.png) repeat-x 0 0;

可能重复的答案与@PavelŠtěrba提供的链接中的答案基本相同。但这是解决办法。非常感谢。
background: #red url(path/to/some/image.png) repeat-x 0 0;