用不同的下拉列表替換箭頭圖像的最佳方式是什麼?如何更換HTML <select>元素上的箭頭按鈕
1
A
回答
3
你不能。它由操作系統呈現,而不是HTML。
您需要使用DIV編寫/使用HTML/CSS SELECT replacement。
0
多一點信息會很好。我只能推測你試圖設計一個html-<select>
-box?如果是的話:你不能真的取代那個圖像。
但是:你可以自己構建類似的東西來代替它 - 或者,如果你使用jquery-ui,this看起來非常棒。
0
將選擇包裝在DIV中並給它一個類。 這個DIV的類應該有一個背景圖像(你的箭頭)加上高度和寬度來覆蓋選擇的大小。
然後添加一個類到你的選擇,然後在你的CSS你需要做一些事情,讓瀏覽器高興。對於select,高度,寬度,填充,顏色,字體,邊距和邊框都是可選的,但您需要將選擇透明背景並添加-webkit-appearance:none和-moz-appearance:none以保持默認瀏覽器出現箭頭。
相關問題
- 1. 如何用css替換<select>元素上的箭頭按鈕?
- 2. 造型<select>元素的箭頭?
- 3. 如何設計<details><summary>元素的箭頭?
- 4. 向下箭頭按鈕的HTML頁面
- 5. 爲箭頭按鈕
- 6. 在按鈕中包含HTML箭頭
- 7. Swiper - 如何自定義箭頭按鈕?
- 8. 如何保持HTML選擇元素的標準箭頭
- 9. iOS上Safari上的<select>元素上的不透明箭頭和樣式
- 10. 如何通過箭頭的按鍵給同級同胞元素
- 11. 如何使用箭頭鍵控制矩形(HTML元素)?
- 12. 如何更改UIpickerView上的元素按下按鈕或按另一個按鈕
- 13. 如何更改<select>標籤上的箭頭?
- 14. 我會如何使用::在我的按鈕上製作箭頭?
- 15. HTML按鈕元素切換頁面上的CSS溢出
- 16. 帶有自定義箭頭的HTML選擇元素 - 文本來自於箭頭
- 17. 當焦點在按鈕上時按下鍵盤上的箭頭按鈕
- 18. html向上向下箭頭
- 19. 的MouseListener JScrollBar的箭頭按鈕
- 20. 平滑圓角的箭頭按鈕
- 21. 刪除IE10選擇元素箭頭
- 22. 多箭頭切換箭頭切換
- 23. 帶箭頭邊框的圖像按鈕
- 24. 如何用我自己的箭頭向下圖標製作<select>元素?
- 25. 如何隱藏Chrome中HTML5 <details>元素默認顯示的箭頭?
- 26. 更改按鈕按下時的元素?
- 27. tvOS:無論如何檢測長按箭頭按鈕?
- 28. 爪哇 - 有按鈕顯示箭頭
- 29. CSS重疊的透明箭頭元素
- 30. 兩個元素之間的箭頭
是的這就是我的意思,顯示一個不同的箭頭,而不是標準的箭頭。 – user441365 2011-01-14 14:30:25