Как изменить цвет границы в реакции?

Question

Не могли бы вы сказать мне, как сделать краску красной в реактивном материале?Вот мой код https://codesandbox.io/s/942m24jl0y

В настоящее время, когда я фокусирую свое поле ввода, оно показывает рамку синим цветом

Я уже добавил эти строки

underlineInput: {
        '&:before': {
            borderBottom: '1px solid #777777'
        },
        '&:after': {
            borderBottom: `2px solid #777777`
        },
        '&:hover:not($disabled):not($focused):not($error):before': {
            borderBottom: `2px solid #777777`
        }
    },

Я хочу изменить цвет границы на red

Answer 1

Добавьте classNamePrefix="my-select" к вашему выбранному компоненту: <Select classNamePrefix="my-select"/>

и добавьте следующие стили к вашему styles.css файлу .my-select__input{ color: red;}.