选择选项填充在 Chrome 中不起作用
1
740<style>
select option { padding:5px 0px; }
</style>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
我刚刚找到了一种将填充应用于 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/