下拉框和按鈕的Gmail一樣

Question

如何做到這一點的影響爲<option>和<button> CSS和JS？

Answer 1

這不是真的<select>或<button>元素。真正的表單元素應該是（如果它是開始時的表單元素）替換爲簡單樣式<ul>（其中一個選項）。 javascript用於隱藏選擇元素，將其替換爲列表並將事件附加到列表項目/錨點。

編輯：Gmail apparentyl不使用列表，但divs。這也是一個選擇。背後的邏輯仍然是一樣的。

Answer 2

嘗試this。你必須改變圖像和顏色。