Html 将CSS样式的表单元素恢复为默认浏览器样式

我希望有一个默认的Firefox selectbox，但不幸的是我有一个CSS指令（我无法更改或删除），它为所有

select

元素提供背景和边框。这使得Firefox将漂亮的默认控件转换为丑陋的正方形控件。有没有办法删除/恢复这些说明

select {
    background-color: white;
    border: 1px solid black;
}

---

我试图用

none

、

auto

和

inherit

覆盖此定义，但它们没有产生预期效果。

您是否尝试添加了！覆盖样式的重要关键字？

请尝试：

select {
    background: none !important;
    border: 0 !important;
}

---

在forms.css中，以下是Firefox的默认样式：

select {
  margin: 0;
  border-color: ThreeDFace;
  background-color: -moz-Field;
  color: -moz-FieldText;
  font: -moz-list;
  line-height: normal !important;
  white-space: nowrap !important;
  text-align: start; 
  cursor: default;
  -moz-box-sizing: border-box;
  -moz-user-select: none;
  -moz-appearance: menulist;
  border-width: 2px;
  border-style: inset;
  text-indent: 0;
  overflow: -moz-hidden-unscrollable;
}

---

您可以尝试重新指定相关样式，但是可能需要为不同的浏览器指定不同的属性值。

尝试过。长方体现在看起来更默认，但仍然具有方形外观。事件，所有说明设置为！重要的是你能提供一个演示吗？你能直接在这里发布一个链接到页面或HTML/CSS（相关部分）吗？