從下拉菜單中刪除下拉（選擇）按鈕？

Question

我想知道是否有辦法從下拉菜單中刪除下拉按鈕（ <select> ）（小箭頭）？ 我想創建一個項目列表，但是沒有箭頭。

史蒂夫

Answer 1

您無法做到這一點，尤其是跨瀏覽器。 您可以將<select>元素完全替換為另一個控件，但不能修改<select>呈現方式……至少不會以您希望的方式進行。

以下是一些替換示例。

Answer 2

若昂·庫納（JoãoCunha ）的這個答案對我來說是個奇跡

純CSS！

我添加了一些代碼以擴展對瀏覽器的支持，請在以下問題中查看我的答案：

select {
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance:none;
    text-indent: 0.01px;
    text-overflow: '';
}
/*for IE10*/
select::-ms-expand {
    display: none;
}

Answer 3

也許您正在尋找更像這樣的東西：

<html>
  <body>

  <select size=1>
    <option>Volvo</option>
    <option>Saab</option>
    <option>Mercedes</option>
    <option>Audi</option>
  </select>

  </body>
</html>

這將創建一個選擇列表，其中一個項目高一個。 在某些瀏覽器上，仍將有一個空的滾動條，但它將擺脫下拉箭頭。 只要設置了選擇標簽的大小，箭頭就不會出現。

在此處的選擇列表上還有更多選項： http : //www.w3schools.com/tags/tag_select.asp

Answer 4

試試這個代碼：

select {
   -webkit-appearance: none;
   background-color: #FFF;
   border: medium none;
   color: #555555;
   font-family: inherit;
   outline: medium none;
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 10em;
   height: 1em;
}

itz為我工作。 去嘗試一下。

從下拉菜單中刪除下拉（選擇）按鈕？

問題描述

4 個解決方案

解決方案1
2 已采納 2010-11-25 03:26:26

解決方案2
0 2013-12-09 11:40:38

解決方案3
0 2010-11-25 04:04:39

解決方案4
-1 2013-02-02 11:13:27

從下拉菜單中刪除下拉（選擇）按鈕？

問題描述

4 個解決方案

解決方案1 2 已采納 2010-11-25 03:26:26

解決方案2 0 2013-12-09 11:40:38

解決方案3 0 2010-11-25 04:04:39

解決方案4 -1 2013-02-02 11:13:27

解決方案1
2 已采納 2010-11-25 03:26:26

解決方案2
0 2013-12-09 11:40:38

解決方案3
0 2010-11-25 04:04:39

解決方案4
-1 2013-02-02 11:13:27