Блог

Я пытаюсь переопределить цвет входного компонента reactstrap В настоящее время он выглядит следующим образом

и это моя реализация:

 lt;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}  /gt;  

CSS:

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

входные данные reactstrap также получают a box-shadow , поэтому попробуйте следующее:
( !important возможно, это не потребуется)

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