gecko/layout/html/tests/formctls/bugs/bug358408.html

23 lines
843 B
HTML

<!DOCTYPE html>
<head>
<style>
option { background: green}
</style>
</head>
<body style="width: 600px; border: 1px solid green">
The options in the first select should have a green background along their whole width. <br>
<select style="width: 100px">
<option style="background: green">This is longish option text going on and on and so forth</option>
<option style="background: green">This is longish option text going on and on and so forth</option>
</select>
<hr>
The first option in the second select should have a green background along a 200px width, not a 300px one. For comparison, the green box around the tests is 600px wide, and the second select is 400px wide.<br>
<select size="5" style="width: 400px"
<option style="width: 50%">Text</option>
<option>Text</option>
<option>Text</option>
<option>Text</option>
</select>