Можно ли отобразить полный текст выпадающего меню в Chrome, используя элемент выбора по умолчанию? - PullRequest
Новая
       21

Можно ли отобразить полный текст выпадающего меню в Chrome, используя элемент выбора по умолчанию?

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

Действительно простой вопрос здесь, но не уверен, где найти ответ.У меня есть сайт, который в Safari отображает весь текст выпадающего меню, оборачивая текст и увеличивая высоту элемента select.По умолчанию в Chrome текст обрезается после достижения максимальной ширины элемента.Я знаю, что есть ограничения на то, сколько стилей можно сделать для элемента выбора по умолчанию, но мне интересно, можно ли воспроизвести то, что я вижу в Safari, в Chrome.

Я попытался добавить много стилей CSS, которые, как я надеялся,оберните текст вместо того, чтобы разрезать его.

select {
  width: 100%;
  word-wrap: break-word;
  white-space: nowrap;
  overflow-wrap: break-word;
  text-overflow: inherit;
  white-space: nowrap;
  overflow: visible !important;
}

Я бросил все, что у меня было, и я все еще не могу заставить текст завернуться.Это вообще возможно в Chrome?Есть ли в документации по Chrome место для ответа на этот вопрос?

Вот кодекс, который я начал, хотя невозможно провести кросс-браузерный тест в коде, если у вас нет профессиональной версии.Вот встроенная ссылка на Пример Codepen .

...