CSS：選択を変更する - オプションのフォントサイズ外観場合：なし

Question

だから、基本的に私は、私は私自身のキャレットのアイコンを持つことができます

-webkit-appearance: none; 

でネイティブの選択ボックスのスタイリングをオフに。

さて、私が実行したい

何かのように選択ワンサイズ を持つボックスとオプション持つ大きなフォントサイズである：私はそれを動作させるように見えることはできません

select.micro{ 
    font-size: 12px; 
} 

select.micro option{ 
    font-size: 16px; 
} 

は...何でも私は...どちらも接続されているように見えますが、選択ボックス自体に影響を与えずにオプションのサイズを変更することはできません（クリアされている場合）

Answer 1

appearanceはすべての眉ser。

、これはIE（appearance:noneように動作します）のためである：

select::-ms-expand { 
display: none; 
} 

（クロム、Firefoxの、サファリでテスト）

それはまだ動作しない場合は、select.micro option { font-size:16px!important}に!importantを使用しています。私は最後の手段としてだけそれをお勧めします。

select { 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance:none; 
 
} 
 
select::-ms-expand { 
 
    display: none; 
 
} 
 

 
select.micro { 
 
    font-size: 12px; 
 
} 
 

 
select.micro option { 
 
    font-size: 16px; 
 
}

<select class="micro"> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
    <option>Option 3</option> 
 
</select>