Question

SELECTs OPTION似乎很难控制住。

有了这样的css-snippet，我试图想象一下选项数据的类别。

option{
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.type1, option[data-cat="T1"] {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEWazTL///9Sg7a4AAAAAWJLR0QB/wIt3gAAAAtJREFUCNdjYMAHAAAeAAFuhUcyAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTExLTA1VDA4OjI4OjQwKzAxOjAww0rpAAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0xMS0wNVQwODoyODo0MCswMTowMLIXUbwAAAAASUVORK5CYII=');
}

在此fiddle中，我将简单图像添加到OPTION标签的背景中。 FireFox和Chrome正在按预期显示这些，但IE11似乎忽略或隐藏它们。

任何使IE11显示（或伪造）的方式？

Answer 1

有很多原因导致这种情况无法发挥作用。

甚至更多为什么你不应该打扰。

基本上选择＆amp;选项框由操作系统，用户特定设置和操作系统定义。浏览器。

这有很多原因是可用性的一个主要原因。

外部框等的样式通常不是问题，但是select或Option中的样式甚至不值得尝试编辑。

如果您想创建这样的东西，您可以完全控制我，我建议您使用列表项，因为它们将提供您所追求的灵活性。

在IE11上的OPTION中的背景图像

1 个答案: