кто-нибудь замечает на chrome 83 последний элемент ввода формы, ну, выпадающий список (опция) внутри элемента select выглядит странно? Смотрите мое изображение ниже. Chrome Версия 83.0.4103.106 (официальная сборка).
Я не ставлю css для этой опции. Но я добавляю стиль выбора для этого раскрывающегося списка, который выглядит следующим образом:
select {
-webkit-appearance: none;
padding: 0 .6em;
height: 40px;
line-height: 40px;
font-weight: bold;
}
При открытии в Edge и Firefox раскрывающийся список выглядит нормально, все было хорошо до обновления браузера chrome. Но теперь, когда браузер получил эту черную жирную границу в опции выбора, похоже, что у самой опции есть отступы с каждой стороны и внизу, но не сверху.
<select name="input_1" id="input_3_1" class="medium field_select" aria-required="true" aria-invalid="false">
<option value="" selected="selected" class="field_placeholder">My Enquiry</option>
<option value="General Enquiry">General Enquiry</option>
<option value="Price Information">Price Information</option>
<option value="Scheduling an information">Scheduling an information</option>
<option value="Rates & Fees">Rates & Fees</option>
<option value="Similar Properties">Similar Properties</option>
</select>
Я пробовал добавить схему: нет! важно, но это не работает. он уже использует box-sizing: border-box;
Единственный способ обойтись - использовать пользовательский выбор через js, но это займет больше времени на рестайлинг, поэтому я уверен, что лучшее, что я могу сделать, это просто используя встроенные элементы формы браузера.
Пожалуйста, помогите, спасибо!
в случае, если изображение нечеткое: https://pasteboard.co/JdL8cnx.png
обновлена структура выбора