语义UI未将样式应用于TextArea元素

时间:2019-10-10 18:43:07

标签: semantic-ui semantic-ui-react

所以我在语义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>

0 个答案:

没有答案