Chrome Select / Dropdown Control Отсутствуют границы - Последний Chrome (69.0.3497), Windows 10 - PullRequest
0 голосов
/ 19 октября 2018

Мы используем самые последние версии 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, но она давно исправлена, поэтому мы не можем ее использоватьinfo.

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

Есть мысли?

Ответы [ 2 ]

0 голосов
/ 23 августа 2019

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

0 голосов
/ 06 июня 2019

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

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

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