I have a drop down box on a web page, using the HTML5 \[code\]<select>\[/code\] tag. There are times where I want to make it "read only", that is display it as text only. For example:Sometimes I want it to be "read/write":
And other times I want it to be "read only":
I would prefer not to use the "disable" attribute. I think it looks tacky, and implies that there is somehow a choice to the user when none is available.Is it possible to transform the look of the current option for a \[code\]select\[/code\] into normal text using CSS?