Question

如果我有输入哪个标签的表格->我无法减小标签的大小。

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

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

有人对如何解决此问题有想法吗？

Answer 1

您能否尝试这种简单的方法将CSS应用于任何组件。

.inputCls {
  font-size: 10px !important;
}

<Form.Input label="Username" className="inputCls"  />

Answer 2

official docs中也展示了一种更清洁的方法。

代替：

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

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

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

Answer 3

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

{"Rows":[ 
     {"num":0,"id":1,"pid":0,"type":0,"name":"РџР°РїРєР°1"},
     {"num":1,"id":2,"pid":0,"type":0,"name":"Group2"},
     {"num":2,"id":4,"pid":1,,"id":5,"pid":2,"type":1,"name":"Group2Р·Р°РїРёСЃСЊ"}
]}

Answer 4

如果您无法创建外部CSS的文件和规则，则无法使用Label覆盖Form.Input的样式。

但这只是以下内容的“简写”（复合）版本：

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

使用这种方法，您可以覆盖Label样式：

<Form.Field>
  <label style={{fontSize: '15px'}}>Enter text</label>
  <Input type='text' />
</Form.Field>

请参见docs

Answer 5

这里是自定义语义UI输入字体大小的方法，而无需创建自定义类或使用！important。

创建一个css文件（我们将其命名为void _saveImage(path) async { SharedPreferences saveImage = await SharedPreferences.getInstance(); saveImage.setString('imagepath', path); print('Image Saved!'); void _loadImage() async { SharedPreferences saveImage = await SharedPreferences.getInstance(); setState(() { _imagepath = saveImage.getString('imagepath'); });）并添加以下规则：

input.css

将css文件导入到您的根组件中。

.ui.input > input {
  font-size: 10px;
}

轰！输入字体大小已调整。

无法在React语义中减少标签的fontSize

5 个答案: