如何在反应中改变边框颜色？

Question

你能告诉我如何在反应 ui 材料中使边框变红吗？ 这是我的代码 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;}。