更改文本输入标签中文本的大小?

问题描述:

我有一个很大的文字输入框,但是我无法更改字体大小?更改文本输入标签中文本的大小?

<input type="text">

我想更改文本字段中的字号,但我似乎不能用CSS来做到这一点。任何帮助?

+0

如果目的是为尺寸为外文本一样,见[为什么

<input style="font-size:25px;" type="text"/>

上面的代码改变的字体大小25个像素。

+4

添加内联样式是一种不好的做法。你应该使用下面@jacktheripper列出的css方法。 – frontendzzzguy 2012-04-28 20:09:47

+3

它显示相关的代码。 – nullpotent 2012-04-28 21:26:45

在你的CSS样式表,尝试添加:

input[type="text"] { 
    font-size:25px; 
} 

看到这个的jsfiddle example

+1

嘿,谢谢我试过'字体大小:25px;'在我有输入的编号,但没有奏效。另一方面,这很有用,所以谢谢。 – 2012-04-28 13:05:04

+0

没问题,很高兴帮助 – jacktheripper 2012-04-28 13:09:49

+1

加一个,因为在html元素中不使用内联样式 – Careen 2015-05-07 11:34:39

这工作了。

<input style="width:300px; height:55px; font-size:50px;" /> 

尽管CSS样式表看起来更好,并且可以轻松地在多个页面上使用。

+0

添加内联样式是一种不好的做法。您应该使用上面@jacktheripper列出的方法。 – 2017-07-26 22:02:31

的Javascript功能来改变字体大小,输入控制是:

input.style.fontSize = "16px"; 

要更改HTML的<input />标签的字体大小,使用:

<input style="font-size:20px" type="text" value="" /> 

这将创建一个文本输入框和文本框内的文本将为20像素。

+0

编者按:请修复您的答案,格式和数据丢失。如果没有这样做,这个答案就会被SO编辑删除。 – 2015-07-27 14:24:13

+0

添加内联样式是一种不好的做法。您应该使用上面@jacktheripper列出的方法。 – 2017-07-26 21:59:58

我会说在你的CSS样式表文件中设置字体大小的变化。

我很确定您希望所有表单字段都具有相同大小的所有文本。在HTML中添加内联样式将在末尾添加许多行......此外,您还需要将其添加到其他类型的表单字段,例如<select>

HTML:

<div id="cForm"> 
    <form method="post"> 
     <input type="text" name="name" placeholder="Name" data-required="true"> 
     <option value="" selected="selected" >Choose Category...</option> 
    </form> 
</div> 

CSS:

input, select { 
    font-size: 18px; 
}