html - Applied style="display:none" in <option> not working in IE but working Mozilla

Question

I have tried to apply style="display:none" in (e.g <option value="test" id="test" style="display:none;">test</option>), this is working perfectly fine in Mozilla but not in IE. Does anyone know what is going wrong there? Also, anyway that I can apply the style display none in <option> ??

Answer 1

Nothing is going wrong; that is the way IE behaves. There is not a lot of styling you can do to individual options.

It's probably best to remove the option from the select element entirely using JavaScript if you don't want it shown in the select.