| <!DOCTYPE html> |
| <html> |
| <body> |
| <h1>Webkit Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=74270">74270</a></h1> |
| <select name="three"> |
| <option value="1" disabled>Fail</option> |
| <option value="2" disabled>Fail</option> |
| <option value="3">Pass</option> |
| <option value="4">Fail</option> |
| </select> |
| <br /> |
| <select name="two"> |
| <option value="1" disabled>Fail</option> |
| <option value="2" disabled selected>Pass</option> |
| <option value="3">Fail</option> |
| <option value="4">Fail</option> |
| </select> |
| <br /> |
| |
| <!-- crbug.com/229259 --> |
| <style> |
| #option1:checked { |
| color: red; |
| } |
| </style> |
| <select> |
| <option id="option1" disabled>Fail</option> |
| <option>Pass</option> |
| </select> |
| <br /> |
| |
| <select id="select4"> |
| <option id="option2">Pass</option> |
| <option>Fail</option> |
| </select> |
| <script> |
| document.getElementById('option2').disabled = true; |
| document.getElementById('select4').appendChild(document.createElement('option')); |
| </script> |
| </body> |
| </html> |