SELECT元素中的text-indent不再适用于Chrome

Question

http://jsfiddle.net/PFBqq/

在Windows XP上，它在Firefox 3.6和Safari 4中运行良好，但它似乎不适用于Chrome的最新版本（13）。除非我弄错了，否则我记得习惯工作？

任何人都有这方面的黑客/修复？

Answer 1

select和option元素很难设置，并且在不同的浏览器中存在很多问题。

所以，如果你真的想要缩进，那么在不编写自定义选择的情况下进行缩进是将 添加到行like this的开头。

但是，这种黑客还有缺点：如果选项开头的空格无法从键盘跳转到所需的选项。

Answer 2

如果指定 line-height

，它将起作用

select{
height:34px; //optional
line-height: 34px;
text-indent: 20px;

}

请查看此fiddle

希望它能解决您的问题