html - css - 在输入字段上自定义下拉按钮

Question

我需要制作一个具有自动完成功能的输入字段，他们想要一种自定义类型的按钮来显示输入字段与输入字段不同。

但我似乎无法自定义类 -ms-expand 因为我所有的 css 都被忽略了。如您所见，它有 display:none; 但它仍然显示。

.input, .input2{
  -webkit-appearance: menulist;
  -moz-appearance:menulist;
}

.input::-ms-expand{
   display:none;
   color:green;
   background-color:red;
   border-left:1px solid black;
}
    
.input2::-ms-expand{
   float:left;
   color:red;
   background-color:green;
   border-right:1px solid black;
}

<input id="input" class="input" />
<input id="input2" class="input2" />

Answer 1

我认为您的目录中可能有另一个 css 文件，它会过度引导您正在编辑的文件。你检查了吗？