Textarea第一行大胆

Question

我有一个textarea，我希望第一行是粗体（和更大的字体），因为第一行包含标题。我试过：第一行伪类，这适用于IE，但在Firefox中失败。同样在IE中，输入不再起作用，所以我不能打破这条线。

这甚至可能吗？如果是这样，怎么样？

的问候， 亨克

Answer 1

Textarea不用于显示格式化文本。

如果您需要此功能，则可以使用 WYSIWYG编辑器。

Answer 2

在用户输入完所有数据后，您是否希望textarea的第一行显示为粗体？

你可以通过让js或服务器脚本获取第一行并将其放在一个单独的变量中来处理它，因此它会以不同的标记输出它（可能是h3）。

或者，如果您希望用户的标题从其余部分中脱颖而出，为什么不为标题输入，然后为身体输入textarea，例如：

<form>
<p>
<label for="usertitle">Title</label>
<input type="text" name="usertitle" id="usertitle" />
</p>
<p>Body</p>
<p>
<textarea></textarea>
</p>
</form>

通过这种方式，用户可以获得您想要的重要性。您甚至可以添加一些javascript，在开始绑定textarea之后将输入更改为h3。

Answer 3

我很欣赏它可能不是风格，但它可能（在Chrome中测试）。

<style>.h-textarea:first-line { font-weight: bold; }</style>
...
<textarea></textarea>

给出了大胆的第一行。

Answer 4

我没有意识到你的意图。

你想在textarea中输入更大胆的字体吗？

尽管according to the css 2.1. specification at w3.org你不能将伪元素：first-line /：first-letter应用于textarea。仅限于块级元素，内联块，表格标题或表格单元格。

如果你更多地说明你的意图，也许我可以提供帮助。