选择下拉框在某些机器上显示为白色，但不是我的

Question

我有一个选择框，向其中添加了一些格式设置，在我的计算机上（Safari，Chrome浏览器和Chrome浏览器）（mac os，运行暗模式或浅色），它看起来很好，对我来说看起来也一样，较亮背景上的黑色字体。但是在我的同事的机器上（Windows上为镀铬），它显示为白色。如何解决此问题，如何针对下拉列表的外观，特别是在CSS中？

  <select class="dark-input">
         <option>etc</option>
  </select>

  //shared class with input
 .dark-input {
  padding: 10px;
  color: white;
  width: 250px;
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  transition: background-color 0.5s ease;
  background: #ffffff1a;
}

//format Select box
select.dark-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
}

Answer 1

  

选项选择框在不同的机器（如Window，Ubuntu苹果浏览器等）中显示不同的颜色。由于它是HTML默认选择框，因此您需要使用JS创建自定义选择设计框。 ：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select