Html CSS中的下拉式背景

我想将下拉菜单的下拉部分更改为选项部分的背景色

添加了代码片段

.选择下拉列表{ 背景：无重复滚动0 0浅绿色； 边框：1px实心rgba0,0,0,0.17； 边界半径：2px； 盒影：0-2pxRGBA0，0，0，0.03插图； 颜色：000000； 光标：指针； 显示：内联块； 字体大小：12px； 字体大小：正常； 高度：30px； 线高：28px； 填充：0 10px； 位置：相对位置； 垂直对齐：中间对齐； 空白：nowrap； } 打开 关 断然的 暂停

---

我想你只在firefox上引用，因为chorme看起来不错。我建议隐藏默认箭头并创建自定义箭头：

.选择下拉列表{ 背景：无重复滚动0 0浅绿色； 边框：1px实心rgba0,0,0,0.17； 边界半径：2px； 盒影：0-2pxRGBA0，0，0，0.03插图； 颜色：000000； 光标：指针； 显示：内联块； 字体大小：12px； 字体大小：正常； 高度：30px； 线高：28px； 填充：0 10px； 位置：相对位置； 垂直对齐：中间对齐； 空白：nowrap； 外观：无； -moz外观：无； /*火狐*/ -webkit外观：无； /*狩猎与铬*/ } .样式选择：在{ 内容：； 宽度：0px； 高度：0px； 左边框：5px实心透明； 右边框：5px实心透明； 边框顶部：5px实心rgb0,0,0； 位置：绝对位置； 左：64px； 顶部：21px； } 打开 关 断然的 暂停

---

我想你只在firefox上引用，因为chorme看起来不错。我建议隐藏默认箭头并创建自定义箭头：

.选择下拉列表{ 背景：无重复滚动0 0浅绿色； 边框：1px实心rgba0,0,0,0.17； 边界半径：2px； 盒影：0-2pxRGBA0，0，0，0.03插图； 颜色：000000； 光标：指针； 显示：内联块； 字体大小：12px； 字体大小：正常； 高度：30px； 线高：28px； 填充：0 10px； 位置：相对位置； 垂直对齐：中间对齐； 空白：nowrap； 外观：无； -moz外观：无； /*火狐*/ -webkit外观：无； /*狩猎与铬*/ } .样式选择：在{ 内容：； 宽度：0px； 高度：0px； 左边框：5px实心透明； 右边框：5px实心透明； 边框顶部：5px实心rgb0,0,0； 位置：绝对位置； 左：64px； 顶部：21px； } 打开 关 断然的 暂停 简短回答：不

详细回答：取决于您使用的浏览器和操作系统。表单控件复选框、选择框等可以部分设置样式，在大多数情况下，胡萝卜之类的东西不能。这可能很令人沮丧，但事实就是这样

不过，还有一些变通办法。首先，你可以使用。他们在尽可能灵活地设计表单控件样式和尽可能防止跨浏览器方面做得相当好。然而，在不同的浏览器上，甚至在不同的操作系统上，它看起来还是有点不同

如果这对您来说还不够，您可以使用一些javascript插件，这些插件大多数时候会生成一个或任何其他容器作为下拉列表。在示例引导中，但需要几行JS才能使其作为选择框工作。但是我们的朋友谷歌已经同意了。

简短的回答：不

详细回答：取决于您使用的浏览器和操作系统。表单控件复选框、选择框等可以部分设置样式，在大多数情况下，胡萝卜之类的东西不能。这可能很令人沮丧，但事实就是这样

不过，还有一些变通办法。首先，你可以使用。他们在尽可能灵活地设计表单控件样式和尽可能防止跨浏览器方面做得相当好。然而，在不同的浏览器上，甚至在不同的操作系统上，它看起来还是有点不同

如果这对您来说还不够，您可以使用一些javascript插件，这些插件大多数时候会生成一个或任何其他容器作为下拉列表。在示例引导中，但需要几行JS才能使其作为选择框工作。但是，我们的朋友谷歌已经接受了