Семантический интерфейс не применяет стиль к элементу TextArea - PullRequest
Новая
       33

Семантический интерфейс не применяет стиль к элементу TextArea

0 голосов
/ 10 октября 2019

Итак, у меня есть форма в Semantic UI React с использованием стилей из семантического интерфейса. Я переопределяю переменную @inputColor в моем файле site.variables. Стиль применяется правильно для всех элементов ввода, кроме моего элемента textArea. TextArea также находится внутри формы, поэтому стиль должен применяться, но это не так. Любые идеи о том, как это исправить, будут оценены. Спасибо.

Моя основная структура формы выглядит так: 

        <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>
...