84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
选择选项填充在 Chrome 中不起作用
<style> select option { padding:5px 0px; } </style> <select> <option>1</option> <option>2</option> <option>3</option> </select>
我刚刚找到了一种将填充应用于 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/
我刚刚找到了一种将填充应用于 chrome 中的选择输入的方法
似乎可以在当前的 chrome 39.0.2171.71(64 位)和 safari 中工作(我只在 Mac 上测试过)。
这似乎删除了添加到选择输入的默认样式(它还删除了下拉箭头),但允许您使用自己的样式,而无需 Chrome 覆盖它。
我在使用此处的代码时偶然发现了此修复:http://fettblog.eu/style-select-elements/