Chrome Исправление раскрывающегося списка «Последнее обновление» - PullRequest
0 голосов
/ 19 июня 2020

кто-нибудь замечает на chrome 83 последний элемент ввода формы, ну, выпадающий список (опция) внутри элемента select выглядит странно? Смотрите мое изображение ниже. Chrome Версия 83.0.4103.106 (официальная сборка).

Weird dropdown truncated on Chrome Version 83.0.4103.106 (Official Build)

Я не ставлю 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 &amp; Fees">Rates &amp; Fees</option>
 <option value="Similar Properties">Similar Properties</option>
</select>

Я пробовал добавить схему: нет! важно, но это не работает. он уже использует box-sizing: border-box;

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

Пожалуйста, помогите, спасибо!


в случае, если изображение нечеткое: https://pasteboard.co/JdL8cnx.png

обновлена ​​структура выбора

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...