zurücksetzen wählen Grenzradius auf Chrome (Mac)

Question

Ich versuche, die border radius von select Tag in Chrom (Mac), aber es ist immer noch nach meinem CSS Anwendung zeigt zurückgesetzt, wie stelle ich die border-radius in Chrom (mac), es funktioniert gut in Windows und FireFox in Mac.

Hier ist JSFiddle

select { 
 
padding: 10px; 
 
height: 50px; 
 
line-height: 50px; 
 
border-radius: 0; 
 
-webkit-border-radius:0; 
 
}

<select> 
 
    <option>Option Title Goes here</option> 
 
    <option>Option Title Goes here</option> 
 
    <option>Option Title Goes here</option> 
 
    <option>Option Title Goes here</option> 
 
    <option>Option Title Goes here</option> 
 
    <option>Option Title Goes here</option> 
 
</select>

Answer 1

Versuchen, diese zu Ihrem CSS und Stil wählen dann nach Ihren Bedürfnissen.

-webkit-appearance: none; 

Answer 2

Try this:

select { 
    -webkit-appearance: none; 
    -webkit-border-radius: 0px; 
    background: url("arrow_image_url"); 
    background-position: 100% 50%; 
    background-repeat: no-repeat; 
} 

machen Webkit-Auftritt "none" wird auch das Drop Pfeil entfernen, die Sie den Hintergrund-Attribut festlegen.

Prost!