Opera скрывает текст в выпадающем списке при настройке цвета фона на элементе select - PullRequest
3 голосов
/ 27 мая 2011

При настройке цвета фона для выбранного элемента Opera 11.11 в Windows 7 скрывает часть текста.В других браузерах этого не происходит.

Перед настройкой цвета фона:

Before setting background color

После установки цвета фона:

enter image description here

Единственное различие между этими двумя раскрывающимися списками заключается в следующем CSS:

 background-color: #fff;

HTML выглядит следующим образом:

<select size="1">
  <option>Foo</option>
  <option>Bar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
  <option>Foobar foobar foobar foobar</option>
</select>

Вот страница , которая включает HTML и скриншоты.

Я не могу представить причину, по которой Opera должна вести себя так.Что-то не так с моими HTML и CSS, или есть обходной путь для этого?

Обновления

  • Сообщалось, что это корректно отображается в MacOSx Opera11.11.
  • Сообщено в Opera как ошибка DSK-337814.

Ответы [ 2 ]

3 голосов
/ 27 мая 2011

Я думаю, что нет общего обходного пути для этой проблемы.Когда вы устанавливаете цвет фона, Opera больше не использует способ рендеринга в OS.Скорее всего, вы не сможете увидеть это в Windows, но между двумя вариантами выбора в Debian существует огромная разница:

Добавление цвета фона для каждого элемента выбора позволитваш выбор ведет себя последовательно.Вероятно, это не то, чего вы ждете, но имхо это лучше, чем если бы было два разных поведения.

Как уже упоминал Джордан, использование формализации также является очень хорошим решением.

2 голосов
/ 27 мая 2011

Я не уверен, что вы можете видеть это с учетом вашей темы, но установка любого стиля для выбранных элементов удаляет все стили Opera по умолчанию для этого элемента.На моем экране вы можете сказать, потому что стиль выбора с цветом фона выглядит очень по-разному.

Похоже, ошибка в стилизации по умолчанию выбора Opera.

2 способавключает добавление отступа вправо к выделению или, возможно, использование библиотеки согласованности форм, например formalize .

...