HTMLテキストボックスのフォントとフォントサイズ

Question

テキストエリアがHTMLであるとします。

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

どのようにフォントとフォントサイズを変更することができます。コードは次のようになりますか？そしてそこに複数の異なるフォントサイズとフォントを持つことは可能ですか？

Answer 1

textareaは、CSSを持つ他の要素と同じようにスタイルできます。外部のスタイルシート、内部のスタイルシート、またはインラインスタイルで行うかどうかはあなた次第です。

あなたの2番目の質問については、あなたのユースケースは何か分かりませんが、HTMLまたはCSSだけでは不可能です。 JavaScriptが必要です。

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

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

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

Answer 2

easyestの方法は、あなたがスタイル属性とそれらを変更するstyle属性

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