css Bootstrap 窗体输入控件不更改背景和边框颜色

q3qa4bjr 于 2023-02-17 发布在 Bootstrap

关注(0)|答案(2)|浏览(171)

我通过执行以下操作来更改输入控件的颜色：

//Override bootstrap variables
$input-bg: $background-color;
$input-color: yellow;
$input-border-color: $gray-500;
$input-focus-border-color: $primary;
$input-placeholder-color: $gray-600;

//Set background
.form-control
.form-control:active,
.form-control:focus,
.form-control:focus:active {
  background-color: $input-bg;
}

但如下图所示，当窗体显示为带有预填充控件时，背景颜色不同。另外，当我开始在输入控件中键入时，文本颜色为灰色，但当我离开控件时，文本颜色为黄色。
设置背景和文本颜色时，我遗漏了什么？

css

来源：https://stackoverflow.com/questions/75455409/bootstrap-form-input-control-not-changing-background-and-border-color

2条答案

按热度按时间

efzxgjgh1#

更改镀 chrome 自动完成输入背景

/* Change the white to any color */
       input:-webkit-autofill,
       input:-webkit-autofill:hover, 
       input:-webkit-autofill:focus, 
       input:-webkit-autofill:active{
          -webkit-box-shadow: 0 0 0 30px white inset !important;
       }

对于相同字体颜色的输入，您应该在相关输入字段中用途：active和：focus。

赞(0）回复(0）举报 2023-02-17

c86crjj02#

尝试使用“！important”

.form-control
.form-control:active,
.form-control:focus,
.form-control:focus:active {
  background-color: $input-bg!important;
}

赞(0）回复(0）举报 2023-02-17

我来回答

css Bootstrap 窗体输入控件不更改背景和边框颜色

2条答案

相关问题

热门标签

最新问答