行高 textarea

Question

目前，我的文本区域显示如下：点击此处查看图片。

我希望每行之间的高度不那么重要。

更新：

我在CSS文件中尝试使用line-height：

textarea{ line-height: 120%; }

但是它并不起作用，只能减小文本区域的高度，并不能减小行与行之间的高度。

我该如何做呢？

- Zozo Zozo

---

你在哪里尝试了line-height？ - yunzen

我在 CSS 文件中尝试使用 line-height：textarea{line-height: 120%;}，但它不起作用。 - Zozo Zozo

Dropbox文件不见了。你能把它重新添加到你的问题中吗？ - dakab

Answer 1

您可以尝试使用百分比、em、px等单位，并选择适合自己的单位。但是某些浏览器，如Firefox，可能会出现一些错误。

这里有一个可工作的实时演示。

- Alfred

---

当我在http://jsfiddle.net上尝试时，文本区域显示正确，没有行高。但是使用我的文件时，它不能正确工作，即使使用行高也是如此。 - Zozo Zozo

我认为问题出在我的最爱浏览器（Mozilla）上。当我使用Chrome时，可以正确显示。现在，我该如何修复所有流行浏览器（Mozilla、IE、Safari）的兼容性问题？ - Zozo Zozo

Answer 2

将padding-top设置为0像素，这样可以重置文本区域的行高。

- Gidi