有关Code Snippit CSS样式问题?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (19)

我正在使用一个名为Growsurf的平台,它们提供以下代码snippit:

<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> 

当表单在我的网站上时,某些字体非常小,几乎无法读取它。因此,只需要知道如何添加样式代码来更改字体。

提问于
用户回答回答于

这将增加表单中所有输入的字体大小:

.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> 

用户回答回答于

从表单中获取类,以.进行样式化,然后使用growsurf-button这个类在样式表中命名

它会这样改变字体大小。

.growsurf-button {
     font-size: 15px;
}

扫码关注云+社区

领取腾讯云代金券