我目前正在尝试为我的网站实施一个简单的反馈表。但是,盒子很小,根本不符合我网站的主题。我尝试使用CSS来增加文本大小和边距,但似乎无法使其变大。
任何帮助将不胜感激!
<form action="form" method="POST" class="formone">
<input type='text' name='name' placeholder='John Doe' /><br/>
<input type='text' name='message' placeholder='Your message'/><br/>
<input type='submit' value='submit' />
</form>
您可以通过给他们一个类,然后为这些类定义字体大小来进行修改。
例如:
.one{
font-size: 20px;
}
.two {
font-size: 40px;
}
<form action="form" method="POST" class="formone">
<input class="one" type='text' name='name' placeholder='John Doe' /><br/>
<input class="two" type='text' name='message' placeholder='Your message'/><br/>
<input class="three" type='submit' value='submit' />
</form>
希望对您有所帮助。
编辑:
如果由于某些其他样式声明覆盖了该内联样式而无法正常工作,您也可以尝试使用以下内联样式:
<form action="form" method="POST" class="formone">
<input style="font-size:20px !important;" type='text' name='name' placeholder='John Doe' /><br/>
<input style="font-size:30px !important;" type='text' name='message' placeholder='Your message'/><br/>
<input type='submit' value='submit' />
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句