Управление отображением/выпаданием Chrome с отсутствующими границами - последний Chrome (69.0.3497), Windows 10

Мы используем последнюю версию Chrome и Windows 10,

69.0.3497.100 (Official Build) (32-bit)

На некоторых мониторах есть элемент управления Select/Dropdown, в котором отсутствуют границы. Иногда это правильный; затем, когда я играю с шириной (сделайте ее px, а не процент, добавьте больше ширины), она станет нижней.

Но на других мониторах этот Select/Dropdown всегда хорош. У него всегда есть все границы. Там никогда не бывает никаких проблем.

Все мониторы имеют разрешение 1920 x 1200 (рекомендуется в Windows 10), как те, которые имеют, так и не имеют этой проблемы. Проверено с разными масштабами - 100%, 80%, 120%. Либо некоторые пользователи имеют эту проблему (всегда), либо у них нет (никогда), все с одним и тем же браузером, при любом уровне масштабирования.

enter image description here

enter image description here

На элементе управления нет специальных стилей CSS. Фактически, даже если бы я добавил border: 1px solid это не повлияло бы на область выбора системы. Это повлияет только на коробку верхнего уровня.

Самым близким, что я смог найти, было то, что в Chrome была ошибка давно, например, в 2012 году, но она давно исправлена, поэтому мы не можем использовать эту информацию.

Chrome не отображает границы (иногда)

Какие-нибудь мысли?

Ответ 1

Я знаю это поздно, но я только недавно столкнулся с этой ошибкой и смог ее исправить, настроив элементы font-size из <option>. Попробуйте поиграться с font-size, пока вы больше не увидите проблему, вот как я ее исправил.

Ответ 2

Этот вопрос решен? Я сталкиваюсь с той же проблемой.

Ответ 3

Проверьте, не имеет ли родительский div раскрывающегося элемента управления атрибут CSS "overflow: visible". В приведенных вами примерах изображений ограничения родительского div, по-видимому, обрезают раскрывающийся список при отображении.

Также рассмотрите возможность использования функции Chrome Inspect для анализа этой проблемы. В Chrome щелкните правой кнопкой мыши раскрывающийся список и выберите "Проверить". Вы также можете сделать обновления CSS специфичными для вашего браузера с Inspect, чтобы увидеть, как это меняет внешний вид. Как только все выглядит хорошо, вы можете вернуться и обновить соответствующие файлы соответствующим образом.