Как переопределить 'border: none', чтобы преодолеть ошибку выбора Safari?

Question

Мы только что обнаружили довольно случайную ошибку в Safari (по крайней мере, на Mac).Похоже, что Safari не нравится стиль рамки, примененный к тегу <select>.В зависимости от версии Safari он будет работать по-разному: от типа работы до отсутствия раскрывающегося списка и до обновления страницы.

Но мы применили border: none; к нашим полям выбора, чтобы лучше соответствовать стилю.Похоже, он работает нормально в других браузерах (включая Chrome).

Так что мне нужно знать, как «переопределить» этот стиль только для Safari.Мы создали таблицу стилей только для Safari, но я не думаю, что это поможет, поскольку нет значения border: auto;.Пробовал border: inherit, но это тоже не сработало.

Опции?Идеи?СПАСИБО!

Answer 1

Если вы имеете в виду маленькую желто-синюю рамку вокруг текстовых полей и других входных данных, вам нужно добавить схему свойства: нет;в твоем стиле.

Answer 2

Этот пост немного устарел, но в случае, если он кому-нибудь поможет, вот мое решение, даже если это не самый лучший способ сделать это, но, по крайней мере, у меня сработало.

У меня была проблема, из-за которой Safari определял ширину моего тега div в 600px (я нигде не выбирал этот размер), поэтому я добавил стиль непосредственно в свой HTML-тег:

<div id="container" style="width: auto"></div>

Answer 3

Я знаю, что Safari не любит, когда вы стилизуете их теги выбора, даже если вы добавите его как! Важный. Я все еще ищу способы обойти это. У меня есть пользовательские теги select, сделанные из тегов div, но размер в Safari немного искажен, потому что он не позволяет мне перезаписывать его отступы. Вы можете увидеть это, проверив элемент, нажав «Вычисленные стили» и отметив «Показать унаследованные».