对齐文本

Question

我有一个简单：

<input type="text" placeholder="search .." value="" id="search"/> 

我只是增加了一些CS的规则，如：

#search{ 
padding:2%; 
text-indent:1%; 
width:30%; 
} 

但是当我尝试在不同的浏览器，如FF相同的输入/铬我看到somenthing错误，例如在铬中输入内的文本行高是不同的，并且占位符仍然保持当焦点在输入内，而在FF上都是好的，当我关注内部输入时，占位符淡出......任何好的规则/规则来修复所有（几乎所有）行高和文本缩进以及占位符淡出b rowsers？

Answer 1

这是Chrome中的一项功能，占位符文本不会在焦点上消失，而只会在输入中消失。如果你想覆盖它，你需要使用JavaScript（几乎打败了placeholder的想法）。

行高不会被您公开的任何设置所改变。由于不同的默认值，它可能因浏览器而异。

text-indent属性仅适用于块容器。要在左侧设置间距（这似乎是此处的想法），请使用padding-left，最好使用em单位。使间距取决于元素的宽度并不健壮，特别是如果该宽度设置为相对于可用宽度。