CSS：更改选择 - 选择字体大小，如果外观：无

所以，基本上我关掉本地选择框的造型与CSS：更改选择 - 选择字体大小，如果外观：无

-webkit-appearance: none;

，所以我可以有我自己的插入符号图标。现在

，我想完成的是具有一个大小选择框，选择具有较大的字号

是这样的：似乎

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

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

我不能使它工作...无论什么我这样做......两者似乎都已连接，我不能在不影响选择框本身的情况下更改大小（当它关闭以清除时）

来源

2016-08-23 DS_web_developer

这里的小提琴：https://jsfiddle.net/77bpshbo/1/显示在浏览器（v.52.0.2743.116米）在两个不同的字体大小我。这可能是一个基于浏览器的问题，在你的代码中的某个地方出现错字还是我的误解？ –

可悲的是我只能访问chrome v40x ....两种尺寸对我来说都是一样的：/ –

你可以尝试在选择组中包装你的选项并设计它。麻烦的是，你然后得到了项目 –

使用以下代码可以确保appearance适用于每个眉毛SER。

，这是IE（就像appearance:none）：

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

（在Chrome，火狐，Safari浏览器进行测试），如果它仍然无法正常工作，在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>

来源

2016-08-23 10:48:08

CSS：更改选择 - 选择字体大小，如果外观：无

回答

相关问题