select readonly 不能看到其他選項解決方案

在html中是select readonly後，依然可以下拉選擇，不想做disabled增加隱藏域，下面提供兩種解決方案

解決方案1：

onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"

但是這樣依然可以看到其他選項，怎麼讓其他選項也無法看到呢？有人提出了用js控制,但是頁面太多select而且不一定哪個是隻讀的，所以提供解決方案2

解決方案2，通過css解決，無法看到其他選項

select[readonly] {
	background: #eee;
	cursor: no-drop;
}

select[readonly] option {
	display: none;
}

如此完美解決