HTML文本框中的字体和字体大小

Question

想象一下，我在HTML中有一个 textarea 。代码看起来像这样：

<textarea rows="4" cols="100" id="i" CLASS="A"></textarea>

如何更改字体和字体大小？那里可以有多种不同的字体大小和字体吗？

Answer 1

您可以像使用CSS的任何其他元素一样设置textarea的样式。是否要在外部样式表，内部样式表或内联样式中执行此操作取决于您。

关于你的第二个问题，我不确定你的用例是什么，但单独使用HTML或CSS是不可能的。你需要JavaScript。

＆＃13;

＆＃13;

div {
  font-family: serif;
  font-size: 1.5rem;
  color: blue;
}

.textbox {
  font-family: monospace;
  font-size: 3rem;
  color: red;
}

＆＃13;

<div>i'm a div</div>
<textarea class='textbox' rows="4" cols="100" id="i" CLASS="A">i'm a textarea</textarea>

＆＃13;

＆＃13;

＆＃13;

Answer 2

最简单的方法是使用style属性

执行此操作

＆＃13;

＆＃13;

<textarea rows="4" cols="100" id="i" CLASS="A" style="font-size:30px;font-family:courier"></textarea>

＆＃13;

＆＃13;

＆＃13;