刪除默認輪邊界：鉻

在「選擇」元素我還沒有在它的CSS添加border屬性的，也是我已新增下列它刪除默認輪邊界：鉻

.select 
    { 
     -webkit-appearance: none; 
     -webkit-border-radius: 0px; 
    }

雖然CSS它在Chrome（Mac OS）中向我展示了全方位的邊界，爲什麼如此，我如何克服它？

來源

2014-01-22 Sona

您可以使用這樣的，

.select{ 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance:   none; 
    -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android 1.6- */  
    -moz-border-radius: 0; /* Firefox 1-3.6 */  
    border-radius: 0; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ 
}

來源

2014-01-22 12:53:26

+16

請注意，該箭頭消失了。沒有箭頭，很難將元素識別爲選擇字段。 –

@BjörnWeinbrenner你可以使用自定義箭頭作爲背景圖像，它適用於我:) – roll

-4

只需使用

border: 1px ridge rgb(169, 169, 169);

邊界半徑變0px

的解決方案是在改變邊框樣式，以ridge。

很開心

來源

2014-11-12 03:20:23 Profesor08

雖然它的一個老問題。我試着保持右側的箭頭。

select { 
    color: #fff; 
    background: #17406B; 
    border: solid 7px #17406B; 
    outline: #17406B solid thick; 
    outline-offset: -5px; 
}

來源

2016-11-29 08:31:26

這應該工作：

select { 
    background: #fff; 
    color: #2dccd3; 
    outline: #ffffff solid thick; 
    outline-offset: -5px; 
    -webkit-border-radius: 0px !important; 
}

來源

2017-08-17 12:28:02 Ashhab

刪除默認輪邊界：鉻

回答

相關問題