Html 如何将下拉菜单更改为透明

我有一个下拉菜单，css是背景色：透明

---

我知道它在这里是透明的，在铬上不是。它是白色的。此外，在IE和firefox中，当显示下拉列表时，值位于白色背景中。我可以将其更改为透明。

输入元素的样式在浏览器和平台之间非常不一致。并非所有浏览器都会为输入字段的所有子元素设置样式

如果您确实坚持要控制外观，那么您可能希望使用HTML+JS创建一个替换小部件。但要小心，你可能会严重降低可用性，尤其是对于屏幕阅读器、键盘用户或使用其他辅助技术的人

---

就我个人而言，我刚刚接受表单元素的样式不一致，通常由浏览器对其进行样式设置。在大多数情况下，输入元素看起来都像操作系统控件。它确保了可用性，并且用户可以立即识别输入元素。

这是由于浏览器呈现-您无法直接控制这一点，但如果您愿意放弃箭头，则可以通过添加-webkit外观：无；以及：

正文{背景图像：urlhttp://i.stack.imgur.com/8Fwcz.jpg; } 颜色1{ 填充物：5px； 颜色：000； 字体大小：12px； 背景色：透明； -webkit外观：无； } 请选择 红色 蓝色

---

你能在jsFiddle中抛出一个快速测试用例吗？@ShadowWizard jsFiddle.net/6byBL/1我知道它在chrome中是透明的，但在chrome中不是。它是白色的。此外，在IE和firefox中，如果值为白色背景，我可以将其更改为透明查看我的答案以找到可能的解决方法。这只会使初始的选择菜单透明，而不是要求的下拉菜单！我不相信目前有办法做到这一点，因为下拉选项只支持RGB不支持alpha；如果我错了，请纠正我！没问题Firefox@LemonPi这个问题不清楚，OP也没有回答我的答案。不管怎么说，现在我们有很多jQuery的替代品，所以它们都不是真正相关的。我想实现一个不使用li的透明下拉选择菜单，因为它们不太支持multiselect。你能把我链接到一些jQuery替代品吗？我已经使用了一段时间，没有使它们透明，但非常确定这是可能的，因为它们实际上在使用列表-至于multiselect，我确信它们有一种带有复选框的下拉框，这在我看来是很好的替代品。我明白了。。。我通常不喜欢bootstrap，因为用它构建的网站通常看起来是同质的。这一点以及它使用JS设计布局样式的事实，不应该在这里分离关注点吗？谢谢你的意见。