html - Windows 移动 10 : white text in option tags are invisible

Question

我有一个选择框的样式，使其具有黑色背景和白色文本:

select{
  background-color: #000000;
  color: #ffffff;
}

在 Windows Phone 10 的原生浏览器(Edge 浏览器)中，如果您打开一个选择字段，就像在大多数其他带有输入字段的移动浏览器中一样，您会看到 <option> 的操作系统特定 View 。条目。 Edge 浏览器显示带有白色背景的选定条目，其中我使用白色文本 <option>条目是不可见的。有谁知道如何解决这个问题吗？

我尝试过的:

select:focus::-ms-value{
   color: #000000; /* not working */
}

select::-ms-expand {
   color: #000000; /* not working */
} 

Answer 1

WP10 上的 Edge 将尊重 option 选择器上的 color 属性，因此您可以执行此操作...

select {
  background-color: #000000;
  color: #ffffff;

  option: {
    color: #000000;
  }
}