23 lines
843 B
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>
|