所以我在语义UI React中有一个表单,使用语义ui中的样式。我在我的site.variables文件中覆盖了@inputColor变量。该样式已正确应用到除textArea元素之外的所有输入元素上。 TextArea也在Form内,所以对我来说应该应用样式,但事实并非如此。任何有关如何解决此问题的想法将不胜感激。谢谢。
我的基本表单结构如下:
<Form onSubmit={this.handleSubmit} action="post">
<Form.Field required>
<label>Name</label>
<Input
name='name'
inverted
placeholder='Name'
value={name}
onChange={this.handleChange}
/>
</Form.Field>
<Form.Field required>
<label>Email</label>
<Input
name='email
inverted
placeholder='Email'
value={email}
onChange={this.handleChange}
/>
</Form.Field>
<Form.Field required>
<label>Phone</label>
<Input
name='phone'
maxLength="10"
inverted
placeholder='123-555-1122'
pattern="[0-9]*"
value={phone}
onChange={this.handleChange}
/>
</Form.Field>
<Form.Field required>
<label>Message</label>
<TextArea
name='message'
maxLength="1000"
inverted="true"
placeholder='Message'
value={message}
onChange={this.handleChange}
/>
</Form.Field>
<Form.Button color='blue'>Submit</Form.Button>
</Form>