According to HTML specs, the select tag in HTML doesn\'t have a readonly attribute, only a disabled attribute. So if you want to keep
select
readonly
disabled
Simple CSS solution:
select[readonly]{ background: #eee; cursor:no-drop; } select[readonly] option{ display:none; }
This results in Select to be gray with nice "disable" cursor on hover and on select the list of options is "empty" so you can not change its value.