如何隱藏舊式版本的選擇選項？

可能重複：
How to hide a <option> in a <select> menu with CSS?如何隱藏舊式版本的選擇選項？

我已經使用jQuery .customSelect()風格的一個選擇選項菜單，但無論如何頁面加載上的老風格的版本出現（see the image）。正如我所看到的，這個腳本將舊選擇選項的不透明度設置爲「0」，這就是爲什麼在頁面被完全加載後消失（它進入背景）。任何想法如何使舊樣式總是隱身（或隱藏）？

我已經做了截圖Screenshot

SOLUTION：設置不透明度爲「0」，所以他們已經隱藏的JavaScript，然後補充說，風格之前謝謝皮特

來源

2012-12-20 Andrew Ceban

好吧，我完全誤解了這個問題。未來的讀者請忽略我的重複投票。 – bfavaretto

不客氣！ – Pete

如果我正確理解這個問題，您試圖隱藏下拉列表之前，他們的風格。在這種情況下，你可以在一對夫婦的方式做到這一點：

位置他們絕對並把他們留下來-9999px 或只是讓他們的不透明度0樣式表使他們已經隱藏的JavaScript，然後補充說，之前的風格

你真的不應該使用display：none或可見性：隱藏的輸入，有些瀏覽器則沒有張貼他們的價值觀

來源

2012-12-20 14:12:51 Pete

是的這個工作對我來說我設置不透明度爲「0」，所以他們已經隱藏在JavaScript之前，然後添加風格 –

一旦你有你的風格選擇，如果你檢查元素，你會看到你實際上看到你從無序列表中選擇選項而不是選擇。對不起，只是檢查和自定義選擇只使用divs而不是列表 – Pete

我知道這已被接受，但應該指出，如果你決定使用不透明，這是不支持在IE8和IE8以下，查看這個小提琴在IE8/7看看我的意思http://jsfiddle.net/HRRgc/ – Sean

如何將其設置爲visibility:hidden在CSS？假設這不會中斷生成的jQuery菜單。

來源

2012-12-20 13:49:17 n00dle

jquery覆蓋舊的使用不透明隱藏舊選擇選項的新設計，因爲你仍然能夠點擊它，但如果我將它設置爲可見性：隱藏，我不能再點擊它，這意味着選擇菜單不起作用 –

您可以使用JS在頁面加載後將其更改回可見狀態？雖然我開始同意Joseph的夢想家 - 如果你的用戶沒有啓用JS，他們什麼也看不到。 – n00dle

如何隱藏舊式版本的選擇選項？

回答

相關問題