Таблица стилей пользовательского агента для Chrome дает радиус границы 5 пикселей для всех углов элемента <select>
. Я попытался избавиться от этого, применив радиус 0px через мою внешнюю таблицу стилей, а также встроенный в сам элемент; Я пробовал и border-radius:0px
, и -webkit-border-radius:0px;
, и я попробовал еще более конкретный border-top-left-radius:0px
(вместе с эквивалентом -webkit).
Никто не работает.
Когда я проверяю элемент в инструментах разработчика webkit, вычисляемый стиль по-прежнему отображает радиус в 5 пикселей. Но если я щелкну стрелку расширителя рядом с ним, чтобы увидеть подробности, она будет выглядеть следующим образом: element.style - 0px. И ниже это показывает внешнюю спецификацию css, которую я дал 0px, наряду со спецификацией таблицы стилей user-agent 5px. И оба эти последние два перечеркнуты, как и должно быть.
Есть идеи?