选择的背景图片（下拉菜单）在Chrome中无法使用

本文介绍了选择的背景图片（下拉菜单）在Chrome中无法使用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想使用图片作为选择/下拉菜单的背景。以下CSS在Firefox和IE中运行正常，但在Chrome中不起作用：

I want to use an image for the background of a select/dropdown. The following CSS works fine in Firefox and IE, but does not in 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;
}

如果需要，您还可以添加包含箭头的图像的背景。

If you need to you can also add an image that contains the arrow as part of the background.

这篇关于选择的背景图片（下拉菜单）在Chrome中无法使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！