自定義選擇下拉列表

Question

在選擇/選項下拉菜單中，只能使用CSS多少？我見過的所有使用某種風格化下拉菜單的東西都是使用JS。

我將不勝感激，如果有人可以張貼鏈接到一些下拉菜單，只用CSS（沒有JS）的網站/例子，看看可能的邊緣案例。謝謝。

Answer 1

對於樣式select控件，您總是會受到限制，因爲它在頁面上呈現的方式高度依賴於瀏覽器軟件希望如何顯示它。

這與<input type="file" />相似。某些瀏覽器將其顯示爲一個文本框，旁邊有一個「瀏覽」按鈕，有些瀏覽器將其顯示爲只顯示旁邊顯示文件名的瀏覽按鈕。

如果你想要一個樣式化的下拉列表，我會建議使用CSS定位div控件等建立其中之一。但是，它可能會需要使用一些JavaScript來獲得所需的效果。

這裏是一個樣式下拉的演示：

http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/

正如你所看到的，他們總是看在不同的瀏覽器略有不同。

Answer 2

你是對的 - 用CSS設計選擇只有si真的有限，結果在各種瀏覽器中並不總是相同的。
如果您想要在所有瀏覽器中都能使用的設計具有很好的選擇性，那麼您唯一的機會就是使用javascript。