Question

使用以下代码示例：

<html>
<body>

<script language = "Javascript">

maxL=240;
var bName = navigator.appName;
function taLimit(taObj) {
 if (taObj.value.length==maxL) return false;
 return true;
}

function taCount(taObj,Cnt) { 
 objCnt=createObject(Cnt);
 objVal=taObj.value;
 if (objVal.length>maxL) objVal=objVal.substring(0,maxL);
 if (objCnt) {
  if(bName == "Netscape"){ 
   objCnt.textContent=maxL-objVal.length;}
  else{objCnt.innerText=maxL-objVal.length;}
 }
 return true;
}
function createObject(objId) {
 if (document.getElementById) return document.getElementById(objId);
 else if (document.layers) return eval("document." + objId);
 else if (document.all) return eval("document.all." + objId);
 else return eval("document." + objId);
}
</script>
<font face="Arial" font size="2">
Maximum Number of characters for this text box is 240.</font><br>

<textarea onKeyPress="return taLimit(this)" onKeyUp="return taCount(this,'myCounter')" name="Message" rows=6 wrap="physical" cols=42>
</textarea>
<br>
<font face="Arial" font size="2">
You have <B><SPAN id=myCounter>240</SPAN></B> characters remaining 
for your message</font>

</body>
</html>

如何更改textarea中的字体和字体大小？

Answer 1

使用CSS为textarea元素定义样式。例如：

textarea {
   font-size: 20pt;
   font-family: Arial;
}

请注意，有three ways将CSS添加到您的网站 - 您可以使用外部样式表，内部样式表或内联样式（或其组合）。

使用内部样式表可能如下所示：

<head>
<style type="text/css">
textarea {
   font-size: 20pt;
   font-family: Arial;
} 
</style>
</head>

<!-- rest of your code goes here... -->

有关样式textarea的详细信息，请参阅here。

Answer 2

我知道这很老了，但我相信有人可以使用这些信息：

使用Iframe并初始化它以在页面加载时运行并隐藏textarea ...如果你想制作WYSIWYG编辑器，这会有所帮助。

html页面：的onLoad =＆＃34;的iFrame（）＆＃34;

js页面： function iFrame（）{ name.document.designMode =＆＃39; on＆＃39 ;; name.document.execCommand（＆＃39;的fontName＆＃39;，假＆＃34;宋体＆＃34）;

}

更改textarea字段中的字体和字体大小

2 个答案: