選擇框：移除邊框

我已移除選擇框周圍的邊框。 select＃xyz { border：0px; outline：0px; }選擇框：移除邊框

但是，下拉箭頭周圍的邊框保持不變。如何去除它周圍的邊界？

2015-06-03 Forkmohit

如果您使用自定義下拉菜單進行註釋，您將受到客戶瀏覽器的支配，以及它如何呈現下拉菜單。據我所知，瀏覽器呈現他們不同（例如：移動（鉻）和桌面）。 –

什麼瀏覽器你有這個問題。有沒有其他的造型正在使用？發佈您的問題的工作示例。 – Brino

@AlexTartan可以建議自定義下拉菜單，沒有任何邊框，只是文本後跟下拉箭頭。 – Forkmohit

select#xyz 
{ 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
}

2015-06-03 12:49:12 mattfryercom

謝謝。但是，這也消除了箭頭。我只想讓它周圍的邊界消失。 – Forkmohit

這是做你所問的唯一方法，你需要刪除瀏覽器渲染和自己的樣式（添加你自己的箭頭等）。 – mattfryercom

好的謝謝。我在旁邊添加了一個向下箭頭圖形。任何想法hw打開選擇框（顯示所有選項），如果該向下箭頭也被點擊。我無法想出正確的關鍵字來搜索這種情況。 – Forkmohit

回答