CSSをMacに適用する方法Chrome Select Box？

Question

Mac OSX 10.9.2とChromeバージョン33.0.1750.152、padding、background-color、何も機能しません。私は本当にpadding-topおよびpadding-bottom of 5pxselect要素で、cept Chrome MAC OSXで動作します。何が得られますか？これをすべてのプラットフォームでグローバルに行う方法は??

Answer 1

Webkitブラウザーで要素を選択するためにCSSを追加するときは、-webkit-appearance:none;を適用する必要があります。

デモ http://jsfiddle.net/XxkSC/3830/

Answer 2

自然なデザインを実現するためのより良いオプションがあります。

height:30px;
background:#ffffff;

デモJSFiddle

追伸

ベクターの答えは、右側の矢印を隠すことです。

Answer 3

bootstrapを使用している場合、クラスcustom-selectを追加できます。

<select class="form-control custom-select">

それを追加した後、line-heightプロパティをcssに追加することにより、最終的に高さを調整できます。

select {
    line-height: 1.3;
}

https://getbootstrap.com/docs/4.1/components/input-group/#custom-select

Answer 4

次のプロパティをcssファイルの選択に追加します。

-webkit-appearance:none;