html - 将选择标签的背景设置为与父 div 的背景相同

Question

我正在尝试像这样制作语言切换器:

我已经添加了

select {
border: none;
background: url(../Photos/bg.png) no-repeat;
}

但在那之后它看起来像:

我该如何改进？

我不知道为什么，但在 jsfiddle 中一切正常。但在浏览器中却不同

JSFIDDLE

Answer 1

您的代码在 Firefox 中有效，但在 IE 中无效(您应该在问题中指定这一点，TBH)。

哥伦布蛋不是试图统一每个浏览器在第二个背景图像周围绘制框的方式，而是将背景设置为透明:

select {
  background : transparent;
      border : none;
       color : white;
}

Demo