如何使文本区域看起来与div元素完全相同？

Question

我需要在所有浏览器中使textarea和div看起来完全相同。

我有这段代码：http://jsfiddle.net/eric777/XHtY9/

我怎样才能做到这一点？

Answer 1

首先，我认为在所有浏览器中强制某些内容看起来完全相同是一种即将消亡的方法。更容易接受差异，让输入等在浏览器之间略有不同。很少有访问者会访问您的网站，无论如何都会访问您的网站，因此很少有人会注意到差异。

现在回答你的实际问题。由于您没有指定textarea / div应该是什么样子，我无法为您提供一整套属性，但这是一种如何实现它的方法。

1. 使用CSS重置like this one（还有其他人）来摆脱每个浏览器应用的默认样式。现在所有浏览器中的页面都以相同的外观开始。

2. 在div和textarea上应用您想要的样式。

3. 当内容不适合时，textarea会默认滚动。您可能必须使用div伪造overflow-y: scroll;元素。