Question

我需要样式帮助。我正在使用一个名为Growsurf的平台，它们提供了以下代码片段：

this.props.navigation.navigate

我需要帮助更新样式，但是没有很多编码经验。当表单部署在我的网站上时，某些字体非常小，您几乎看不到它。因此，只需要知道如何添加样式代码来更改字体即可。

先谢谢了！

Answer 1

因此，从表单中获取类进行样式设置时，请使用样式表中的.，然后使用类growsurf-button。

用于更改字体大小的外观类似，您可以通过：）

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

Answer 2

这将增加以下形式的所有输入的字体大小：

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

从Code Snippit CSS样式

2 个答案: