Применить стили к полю ввода - PullRequest
Новая
       18

Применить стили к полю ввода

0 голосов
/ 15 мая 2019

Я немного запутался, как стилизовать элементы ввода полосы

Это родительский класс Billing.

Billing.jsx 

....
render() {
        return (
            <div>
                <Elements >
                    <CcCVC />
                </Elements>
                <Elements>
                    <CcExpiryDate />
                </Elements>
                <Elements>
                    <CcNumber />
                </Elements>
            </div>
        )

Это поле ввода CVC

CcCVC.jsx 

...
render() {
        return (
               ...
                <CardCVCElement
                    classes={
                        {
                            base: 'cc-base',
                            invalid: 'cc-invalid',
                            focus: 'cc-focus',
                        }
                    } />
            ...
        )

Мои стили применяются к переносу div.Когда заполненное поле ввода недопустимо, оно использует мой стиль И этот стиль .InputElement.is-invalid (который применяется непосредственно к input, а не к div-элементу обтекания!), Делая числа красными.Он не использует стиль по умолчанию StripeElement--invalid.Тем не менее, я только хочу, чтобы мой стиль применялся ...

Я также запутался, как применять мои стили шрифта к полю ввода.Допустим, я хочу, чтобы введенный текст был «зеленым».На данный момент он использует цветовой стиль по умолчанию от полосатого, хотя я определяю цвет в cc-base.

...