来自Code Snippit CSS样式
来自Code Snippit CSS样式
提问于 2018-07-04 02:41:56
我需要一些帮助来设计一个表单。我使用的是一个叫Growsurf的平台，他们提供了以下代码片段：
<form action="https://growsurf.com/c/sfn4xx" method="POST" class="growsurf-button blue">
<input type="email" name="email" placeholder="Email (required)" required>
<input type="text" name="name" placeholder="Full Name">
<input type="submit" value="Join Our Referral Program">
</form> 我需要帮助更新样式，但没有太多的编码经验。当表单部署到我的网站上时，有些字体非常小，你几乎无法阅读它。所以，只需要知道如何添加样式代码来改变字体。
谢谢，提前！
回答 2
Stack Overflow用户
发布于 2018-07-04 02:46:56
因此，从表单中获取用于样式化的类，首先使用.，然后在样式表中使用类的growsurf-button名称。
更改字体大小如下所示，您可以将其设置为任意大小:)
.growsurf-button {
font-size: 15px;
}Stack Overflow用户
发布于 2018-07-04 03:42:30
这将增加表单中所有输入的字体大小：
.growsurf-font-lg input {
font-size: 16px;
}并将html更新为以下内容，以确保只有具有growsurf font -lg类的表单的字体大小才会增加：
<form action="https://growsurf.com/c/sfn4xx" method="POST" class="growsurf-button blue growsurf-font-lg">
<input type="email" name="email" placeholder="Email (required)" required>
<input type="text" name="name" placeholder="Full Name">
<input type="submit" value="Join Our Referral Program">
</form> 如果你没有要添加的样式表，你总是可以像这样使用样式标签：
<style type="text/css">
.growsurf-font-lg input {
font-size: 16px;
}
</style>
<form action="https://growsurf.com/c/sfn4xx" method="POST" class="growsurf-button blue growsurf-font-lg">
<input type="email" name="email" placeholder="Email (required)" required>
<input type="text" name="name" placeholder="Full Name">
<input type="submit" value="Join Our Referral Program">
</form>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51161116
复制相关文章
相似问题
腾讯云开发者
