Javascript 无法使用语义ui react减少reactjs中标签的大小

如果有表单输入，则无法减小标签-->的大小

在此示例中，将不应用fontSize：

<Form.Input label="Username" style={{fontSize: '10px'}}  />

---

有人知道如何解决这个问题吗

您可以尝试这种简单的方法在任何组件上应用css吗

.inputCls{
字体大小：10px！重要；
}

---

您可以尝试这种简单的方法在任何组件上应用css吗

.inputCls{
字体大小：10px！重要；
}

---

我认为您需要像下面这样拆分标签和输入，然后才能使用内联样式：

<Form.Input label='Enter Password' type='password' />
vs

<Form.Field>
  <label style={{fontSize: '10px'}}>Enter Password</label>
  <Input type='password' style={{fontSize: '10px'}} />
</Form.Field>

vs
输入密码

我认为您需要像下面这样拆分标签和输入，然后才能使用内联样式：

<Form.Input label='Enter Password' type='password' />
vs

<Form.Field>
  <label style={{fontSize: '10px'}}>Enter Password</label>
  <Input type='password' style={{fontSize: '10px'}} />
</Form.Field>

vs
输入密码

如果无法创建外部

CSS

文件和规则，则无法使用

表单.Input覆盖
标签的样式设置

但这只是“速记”（复合）版本：

<Form.Field>
  <label>Enter text</label>
  <Input type='text' />
</Form.Field>

查看如果无法创建外部
CSS
文件和规则，则无法使用
表单来覆盖
标签的样式。输入

但这只是“速记”（复合）版本：

<Form.Field>
  <label>Enter text</label>
  <Input type='text' />
</Form.Field>

请参见
有一种更干净的方法，该方法也在中进行了演示

而不是：

<Form.Input label="Username" style={{fontSize: '10px'}}  />



将具有样式首选项的对象传递给标签道具，如下所示：

<Form.Input label={{ children: "Username", style:{ fontSize: '10px' } }} />

还有一种更干净的方法，该方法也在中进行了演示

而不是：

<Form.Input label="Username" style={{fontSize: '10px'}}  />



将具有样式首选项的对象传递给标签道具，如下所示：

<Form.Input label={{ children: "Username", style:{ fontSize: '10px' } }} />

下面介绍如何自定义语义ui输入字体大小，而无需创建自定义类或使用！重要的

创建一个css文件（我们称之为
input.css
）并添加以下规则：
将css文件导入到根组件中
轰！输入字体大小已调整。
以下是如何自定义语义ui输入字体大小，而无需创建自定义类或使用！重要的

创建一个css文件（我们称之为
input.css
）并添加以下规则：
将css文件导入到根组件中
轰！输入字体大小调整。
尝试
style={{{fontSize:'10px！important'}}
这对我没有帮助。try
style={{{fontSize:'10px！important'}}
这对我没有帮助。我没有使用外部css的权限。只有语义和内联css。当我添加只应用于输入文件而不应用于标签的内联字体大小时，我没有使用外部css的权限。只有语义和内联css。当我添加内联fontsize时，它只应用于输入文件，而不应用于标签。