Opera hides the text in the drop-down menu when adjusting the background color on the selection item

When you set the background color of the select element, Opera 11.11 on Windows 7 hides part of the text. This does not happen in other browsers.

Before setting the background color:

Before setting background color

After setting the background color:

enter image description here

The only difference between the two dropdowns is the following CSS:

 background-color: #fff;

HTML is as follows:

<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>

Here is a page that includes HTML and screenshots.

I can not imagine why Opera should behave this way. Is there something wrong with my HTML and CSS, or is there a workaround for this?

Update

  • It was reported that this is correctly shown on MacOSx Opera 11.11.
  • Reported by Opera as error DSK-337814.
+3
source share
2 answers

, . , Opera OS. , Windows, Debian:

. , , , , , .

, .

+3

, , Opera . , -.

, Opera .

2 , , , formalize.

+2

All Articles