我有一个简单的：
<input type="text" placeholder="search .." value="" id="search"/>
我刚刚添加了一些cs规则，如：
#search{
padding:2%;
text-indent:1%;
width:30%;
}
但是当我在不同的浏览器（如FF / Chrome）中尝试相同的输入时，我看到错误，例如在chrome中，输入内部的文本行高度不同，并且当焦点在输入内时占位符仍然保留，而在FF上则是当我把注意力集中在输入中时，所有ok和占位符淡出...任何好的规则/规则来修复所有（几乎所有）浏览器的行高和文本缩进和占位符淡入淡出？
答案 0 :(得分：3)
Chrome中的一项功能是占位符文本不会在焦点上消失，而只会在输入时消失。如果你想覆盖它，你需要使用JavaScript（几乎违背了placeholder的想法。）
您公开的任何设置都不会更改行高。由于默认设置不同，浏览器可能会有所不同。
text-indent属性仅适用于块容器。要设置左侧的间距（这似乎是此处的想法），请使用padding-left，最好使用em单位。使间距取决于元素的宽度是不稳定的，特别是如果该宽度设置为相对于可用宽度。