更改 reactstrap 输入组件的边框颜色

Question

我正在尝试覆盖 reactstrap 输入组件的颜色 目前看起来像这样

这是我的实现：

          <Input
                    invalid={formik.errors.password ? true : false}
                    className="login-input"
                    id="password"
                    name="password"
                    placeholder="Password"
                    type="password"
                    autoComplete="new-password"
                    onBlur={formik.handleBlur}
                    onChange={formik.handleChange}
                    value={formik.values.password}
                  />

css:

.login-input:focus {
    border-color: white !important;
}

Answer 1

reactstrap 输入也得到一个 box-shadow，所以试试这个：
（!important 可能没有必要）

.login-input:focus {
    border-color: white !important;
    box-shadow: none !important;
}