HTML, CSS |选择先前删除的箭头显示

Question

我的问题是我必须使用以下代码将我网站上所有选定的箭头设置为默认隐藏。

   select::-ms-expand {
      //remove default down arrow in IE
      display: none;
   }

   select.form-control {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
   }

然后我创建了一个新的选择，我不想携带这种效果。我希望它显示为默认值。我的问题是我需要输入什么才能覆盖它。

  select.select-p-text::-ms-expand {
     //remove default down arrow in IE
     display:             ?;
  }

  select.select-p-text.form-control {
     -moz-appearance:     ?;
     -webkit-appearance:  ?;
     appearance:          ?;
  }

谢谢，

基兰

Answer 1

尝试使用此代码先生

   select:not(.selectClass)::-ms-expand {
      //remove default down arrow in IE
      display: none;    }

   select:not(.selectClass).form-control {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;    }

这将使在 :not() 中调用的类不继承任何 css 设计