Bootstrapテンプレートで、<select class="form-control"> の角丸を四角にしたい

[code]

    <select class="form-control" style="border-radius: 0!important;">
    
[/code]

を指定しました。

MacのFirefoxでは四角になりましたが、MacのChromeでは角丸のままで変化がありませんでした。

知ってらっしゃる方、方法など教えてください。  
よろしくお願いします。




`-webkit-appearance:none;` を指定してください。

[code]

    <select class="form-control" style="border-radius: 0!important; -webkit-appearance:none;">
    
[/code]

