如何增加图像输入类型字段中的文本大小?

时间:2015-07-02 17:58:02

标签: html css input

我有一个输入字段:

<input type="image" name="submit" value="submit" src="images/searchb1.png" id="button1"/>

现在我想增加该字段上文本Submit的大小。我怎样才能用css实现呢?

6 个答案:

答案 0 :(得分:1)

用css:

input{font-size: SIZE;}

答案 1 :(得分:1)

新代码

进行更改,因为您需要增加提交按钮字体大小

input
{
    font-size:40px;
}

&#13;
&#13;
input[type='submit']
{
    font-size:40px;
}
&#13;
<input type="submit" value="Submit">
&#13;
&#13;
&#13;

旧代码 试试这段代码

input[type='text']
{
    font-size:30px;
}

&#13;
&#13;
input
{
    font-size:30px;
}
&#13;
<input type="text" placeholder="Enter text here">
&#13;
&#13;
&#13;

答案 2 :(得分:0)

CSS,如果您使HTML输入更具体,我们可以更具体。截至目前,这是一种通用的方法。

input{font-size: 50px;}

答案 3 :(得分:0)

HTML:

input type="button" id="SubmitButton" value="Submit" />

的CSS:

input#SubmitButton{
font-size: 10em;
}

查看有关它的w3 schools信息。

答案 4 :(得分:0)

你的HTML

entry.getEntryKind() == IClasspathEntry.CPE_PROJECT

CSS

 <input type="button" value="Submit"/>

答案 5 :(得分:0)

如果你想使用内联css,你可以使用它。

     LoggerContext context = (LoggerContext)LogManager.getContext(false);
     context.setConfigLocation(URI.create("path to file"));
     context.reconfigure();

或者页面/外部css;

    <input type="button" value="Submit" style="font-size:20px;"></input>

CSS

    <input id="btn" type="button" value="Submit"></input>

我还创建了一个jsfiddle,您可以根据自己的喜好轻松编辑。 https://jsfiddle.net/t048Lk5z/

相关问题