如何在HTML文本框中更改字体大小

如何在html文本框中更改文本的字体大小。

html

— 用户名
source

如果目的是与外部文本具有相同的大小，请参见为什么<textarea>和<textfield>不从正文中获取字体系列和字体大小？。

— Skippy le Grand Gourou

Answers:

对于<input type='text'>元素：

input { font-size: 18px; }

或<textarea>：

textarea { font-size: 18px; }

或<select>：

select { font-size: 18px; }

你得到的漂移。

— 佩卡
source

select可以渲染一个文本框？

— 乔伊

好吧，我不确定OP在文本框中的确切含义，所以我想我将添加所有相关元素。

— Pekka 2010年

啊，有道理:-)。附注：您可以限制<input>到text和password类型的选择，太多。不过，旧版浏览器不会喜欢它。

— 乔伊（Joey）

@Johannes，老实说，谁在乎旧的浏览器？甚至MS都呼吁人们从IE6升级，FF会自动进行升级，没有人使用Opera :-P，其余的从统计上来说几乎没有划痕...

— Paulo Santos 2010年

@Paulo：IE 6仍占10％到15％的市场份额。这远远超过Opera的2％。作为网络开发人员/设计师，您应该关心。当然，输入元素上的字体大小是一个小问题，当不按要求工作但总体上不关心时，很可能不会造成任何伤害。把自己关在象牙塔中而无视现实并不能使世界变得更好。这只会使您的网站更糟：-)

— Joey

使用内联CSS（而不是外部CSS样式表）以HTML实际进行操作

<input type="text" style="font-size: 44pt">

很多人会考虑将样式正确地放入html这样的形式是较差的形式。但是，我经常制作一些非常简单的网页供我自己使用，甚至没有一个<html>或<body>标记，这在这里很合适。

— 茨伯塔兰
source

echo“ <输入类型='文本'style ='字体大小：15pt'大小= 50名称='姓氏'id ='姓氏'值='$姓氏'>”;

— KarlosFontana

回声“ <b>姓氏：</ b> <textarea id ='surname'style ='white-space：pre-wrap; height：20px; width：150px; font-size：8pt'name ='surname'>” ;

— KarlosFontana

没错，应该使用内联CSS，在某些情况下外部CSS无效。

— 业力

以下是一些编辑文本和框大小的方法：

rows="insertNumber"
cols="insertNumber"
style="font-size:12pt"

例：

<textarea rows="5" cols="30" style="font-size: 12pt" id="myText">Enter 
Text Here</textarea>

— 斯特凡娜·穆勒（Stefana Muller）
source