选择重点Microsoft Edge时，请保持背景颜色

Question

我在带有深色背景的Bootstrap 4中有一个选择表单，当我选择一个选项时，我希望选择后的背景在选择后保持黑暗。我的示例在Chrome和Firefox中起作用。但是在IE和Edge中，背景在焦点中保持白色。检查我的jsfiddle，有什么想法吗？

.form-control:focus {
  background-color: #121212;
  border-color: #121212;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

https://jsfiddle.net/cd1eyqvr/3/

Answer 1

保留.form-control:focus零件并将其添加到您的CSS：

.form-control:focus::-ms-value {
        background-color: #242424 !important;
        border-color: #121212 !important;
        color: #ffffff !important;
        outline: 0 !important;
        box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
    }

此部分将在IE11和Edge中起作用。

您可以参考我进行的演示：https：//jsfiddle.net/yuzhou0602/ofwvuzyr/4/

Answer 2

从公开文档中检查此链接：

https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/

看来Edge在 box shadow 中都有问题，并且您必须在样式表中添加额外的CSS检查链接blow，以提供有关问题框Shadow在Microsoft Edge中不起作用的更多帮助

，还可以检查此链接以获取完整的 box shadow in Edge solutions

https://css-tricks.com/snippets/css/css-box-hadow/