Возвращение элемента формы в стиле CSS обратно в стиль браузера по умолчанию

Question

Я хочу иметь окно выбора Firefox по умолчанию, но, к сожалению, у меня есть инструкция CSS (которую я не могу изменить или удалить), которая дает всем элементам select фон и границу. Что заставляет Firefox преобразовать приятный элемент управления по умолчанию в некрасивый квадрат. Есть ли способ удалить / отменить эти инструкции?

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

Я пытался переписать эти определения с none, auto и inherit, но они не имели отступа.

Answer 1

Из форм .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;
}

Вы можете попробовать переопределить соответствующие стили, однако вам может потребоваться указать разные значения свойств для разных браузеров.

Answer 2

Попробуйте:

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

Answer 3

Вы пытались добавить ключевое слово! Важное к своим стилям перезаписи?