Chrome 浏览器未应用填充来选择选项
P粉683665106
P粉683665106 2023-10-14 09:43:38
0
1
572

选择选项填充在 Chrome 中不起作用

<style>
select option { padding:5px 0px; }
</style>    
<select>
<option>1</option>
<option>2</option>
<option>3</option> 
</select>


P粉683665106
P粉683665106

全部回复(1)
P粉420868294

我刚刚找到了一种将填充应用于 chrome 中的选择输入的方法

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

似乎可以在当前的 chrome 39.0.2171.71(64 位)和 safari 中工作(我只在 Mac 上测试过)。

这似乎删除了添加到选择输入的默认样式(它还删除了下拉箭头),但允许您使用自己的样式,而无需 Chrome 覆盖它。

我在使用此处的代码时偶然发现了此修复:http://fettblog.eu/style-select-elements/

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!