Ответ 1
Я знаю это поздно, но я только недавно столкнулся с этой ошибкой и смог ее исправить, настроив элементы font-size из <option>. Попробуйте поиграться с font-size, пока вы больше не увидите проблему, вот как я ее исправил.
Управление отображением/выпаданием 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%. Либо некоторые пользователи имеют эту проблему (всегда), либо у них нет (никогда), все с одним и тем же браузером, при любом уровне масштабирования.
На элементе управления нет специальных стилей CSS. Фактически, даже если бы я добавил border: 1px solid это не повлияло бы на область выбора системы. Это повлияет только на коробку верхнего уровня.
Самым близким, что я смог найти, было то, что в Chrome была ошибка давно, например, в 2012 году, но она давно исправлена, поэтому мы не можем использовать эту информацию.
Chrome не отображает границы (иногда)
Какие-нибудь мысли?
Ответы
Ответ 2
Этот вопрос решен? Я сталкиваюсь с той же проблемой.
Ответ 3
Проверьте, не имеет ли родительский div раскрывающегося элемента управления атрибут CSS "overflow: visible". В приведенных вами примерах изображений ограничения родительского div, по-видимому, обрезают раскрывающийся список при отображении.
Также рассмотрите возможность использования функции Chrome Inspect для анализа этой проблемы. В Chrome щелкните правой кнопкой мыши раскрывающийся список и выберите "Проверить". Вы также можете сделать обновления CSS специфичными для вашего браузера с Inspect, чтобы увидеть, как это меняет внешний вид. Как только все выглядит хорошо, вы можете вернуться и обновить соответствующие файлы соответствующим образом.