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:

After setting the background color:

The only difference between the two dropdowns is the following CSS:
background-color:
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.
source
share