problem with <select> and :after with CSS in WebKit
I would like to add some style on a select box with the pseudo :after (to style my select box with 2 parts and without images). Here\'s the HTML:
-
This post may help http://bavotasan.com/2011/style-select-box-using-only-css/
He is using a outside div with a class for resolving this issue.
<div class="styled-select"> <select> <option>Here is the first option</option> <option>The second option</option> </select> </div>讨论(0) -
I haven't checked this extensively, but I'm under the impression that this isn't (yet?) possible, due to the way in which
selectelements are generated by the OS on which the browser runs, rather than the browser itself.讨论(0) -
Faced the same problem. Probably it could be a solution:
<select id="select-1"> <option>One</option> <option>Two</option> <option>Three</option> </select> <label for="select-1"></label> #select-1 { ... } #select-1 + label:after { ... }讨论(0)
加载中...
- 热议问题