Css 如何使用语义ui组件设置宽度和高度输入

您好，我是语义世界的新手，我想自定义默认输入高度和宽度。我知道我们在语义中有预定义的类，如小、大、小，但我需要自定义高度和宽度

在输入部分的语义文档（）中，我们有以下消息：

“除非您手动声明，否则输入将自动调整大小 宽度“

我在输入中声明了宽度，如下所示：

<input  width="10" type="text" value="test" placeholder="empty" readonly>

---

但这对我不起作用。请提供一点帮助。

您只需将其放入自定义css文件中即可

input[type="text"]{
height: 100px;
width: 400px;
}

注意：宽度属性仅与

一起使用。

这就是你的代码不起作用的原因。要使其正常工作，您可以执行以下操作：

<input style="width:100px; height: 100px;" type="text" value="test" placeholder="empty" readonly>

您可以将100px更改为所需的宽度和高度。Semantic UI不会为您设置宽度和高度，这就是为什么他们说手动声明宽度

我成功地尝试了：

style={{minWidth:"10em"}}

为了

---

您可以使用style属性为语义UI组件设置

它需要以下语法：

<Input style={{marginRight: spacing  'em'}}

<Form.Field width={3}><Select placeholder='Options' options={options} 
    style={{minWidth:"10em"}}/></Form.Field>

<Input style={{marginRight: spacing  'em'}}

<Input style={{width: 100, height: 100}}