Chrome是否有一个css hack使<textarea>达到一定的高度？</textarea>

Question

我有一个<textarea>与所有浏览器出现在不同的高度 Chrome有css hack吗？

Answer 1

Chrome使用webkit渲染引擎，这是更好的渲染引擎之一。它符合HTML5和CSS标准，正如您今天所见。

你最好的选择是编写专注于符合标准的浏览器（Chrome，Safari，Opera和Firefox）的代码。如果你没有做任何超级疯狂的HTML5，你会发现所有这些浏览器的行为几乎都是相同。作为奖励，移动浏览器通常基于webkit或Opera，因此您还可以覆盖移动市场。

即使是Internet Explorer（当你进入版本8时）也可以与大多数标准一起使用（同样，假设你没有使用HTML5表单元素或视频标签或其他东西。）问题是较旧的IE的版本，特别是IE6。

首先为符合标准的浏览器编写CSS。然后使用条件注释添加IE6及更早版本只读的特殊异常样式表。将你需要的CSS调整放在那里来处理IE6。

祝你好运....

Answer 2

是的，但它不是“黑客”它只是CSS。在你的textarea上放一个CSS选择器。

<textarea id="myTextBox" >Here is your text </textarea>

然后，像这样添加一个css规则：

#myTextBox{
height: 150px;  //adjust this to desired height.
}

我还没有研究过这个，但我猜想TextArea的高度没有HTML标准默认值。您也可以指定行属性，但我认为您最终可能会在浏览器之间产生一些像素差异。使用CSS height属性将使它们完全相同......