Css 引导4输入控件-更改所选项目的自动完成背景色?
我真的很难找到在哪里可以将表单控件的自动完成背景色的引导控件覆盖为除白色以外的其他颜色,因为它不适合我的黑色主题 输入控制-使用“自动完成”输入值后,背景色变为白色: 这不好,需要换成灰色 我还得到了一个类似的选择行为(下拉框),从列表中选择一个项目后,背景变为白色,如下图所示: 我确实为选择下拉列表找到了一个解决方案,它可以使用自定义CSS覆盖引导,请参见以下内容:Css 引导4输入控件-更改所选项目的自动完成背景色?,css,bootstrap-4,Css,Bootstrap 4,我真的很难找到在哪里可以将表单控件的自动完成背景色的引导控件覆盖为除白色以外的其他颜色,因为它不适合我的黑色主题 输入控制-使用“自动完成”输入值后,背景色变为白色: 这不好,需要换成灰色 我还得到了一个类似的选择行为(下拉框),从列表中选择一个项目后,背景变为白色,如下图所示: 我确实为选择下拉列表找到了一个解决方案,它可以使用自定义CSS覆盖引导,请参见以下内容: select.form-control:focus::-ms-value { color: #ffffff; /* Set
select.form-control:focus::-ms-value {
color: #ffffff; /* Set text to white for selected item */
background-color: transparent; /* remove background color for selected item*/
}
然而,我仍在寻找一种解决方案,将自动完成的默认背景色从白色更改为主题的灰色,thx在Chrome上测试,这是自动完成时适用于文本输入的规则:
input:-internal-autofill-selected {
background-color: rgb(232, 240, 254) !important;
background-image: none !important;
color: rgb(0, 0, 0) !important;
}
您可以尝试将其更改为您自己的样式,然后看看它是否有效。chrome中autocomplete的背景是从Webkit继承的。要处理此字段,请尝试使用:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-webkit-text-fill-color: green;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-webkit-text-fill-color: green;
}
您可以将白色更改为背景色,将绿色更改为所需的字体颜色。您好,刚刚尝试过,但不幸的是,没有解决此问题。我想它需要一个CSS组件来覆盖引导CSS。就像大海捞针一样,到目前为止,我花了很多时间在这上面。我是否需要以某种方式将css引用到select.form.control?谢谢,我建议您在应用您不想要的样式时检查元素,查看此时正在应用哪些规则,并只针对那些具有您自己的CSS的规则