Possible Duplicate:
How to hide a <option> in a <select> menu with CSS?
I have styled a select option menu using jquery .customSelect() but anyway on page load the old styled version appears (see the image). As I see this script sets the opacity to the old select option to “0” that’s why it disappears (it goes to background) after the page is fully loaded. Any ideas how to make the old styled always be invisible(or hidden)?
I’ve done a screenshot Screenshot
SOLUTION: set opacity to “0” so they are already hidden before the javascript then adds that style
Thank you Pete
If I understand this question correctly you are trying to hide the drop down lists before they are styled. In which case you can do this in a couple of ways:
position them absolute and put their left to -9999px
or just make their opacity 0 in the style sheet so they are already hidden before the javascript then adds that style
You shouldn’t really use display:none or visiblity:hidden for inputs as some browsers then don’t post their values