Bug 81487 - [Forms] The option element should not be render with CSS pseudo class ":valid" in listbox
Summary: [Forms] The option element should not be render with CSS pseudo class ":valid...
Status: RESOLVED DUPLICATE of bug 80088
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/wawZ8/2/
Keywords:
Depends on:
Blocks:
 
Reported: 2012-03-18 21:06 PDT by yosin
Modified: 2012-03-18 23:20 PDT (History)
0 users

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description yosin 2012-03-18 21:06:30 PDT
In sample URI, "option" elements are rendered with CSS pseudo class "valid".
According to HTML5 specification, "option" elements don't support it.
http://www.whatwg.org/specs/web-apps/current-work/multipage/selectors.html#pseudo-classes

== Browser Compatibility ==
* Firefox OK
* IE doesn't support background color in listbox
* Opera OK

== Sample HTML ==
<head>
<style type="text/css">
select:valid {
  background: blue;
}
option:valid {
  background: red;
}
#one {
  background: green;
} </style>
</head>
<body>
<ul>
    <li>One's background  green</li>
    <li>Other's background is blue</li>
</ul>    
<select size="5">
    <option id="one" value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>
</body>
Comment 1 yosin 2012-03-18 23:20:21 PDT

*** This bug has been marked as a duplicate of bug 80088 ***