Bootstrap 4 Bootstrap 4.1 IE11中输入焦点的模式调整
只有在Internet Explorer 11中查看(仅在IE 11中测试)时,我才在Bootstrap 4.1中体验到对话框大小调整/移动 当在模态中聚焦输入时,问题就会显现出来 这可以在以下取自modals页面的gif中看到 我似乎找不到任何关于这种行为的东西 可以通过在对话框打开时在字段上设置焦点来修复此问题,但是某些对话框在打开时可能没有任何元素焦点 是否有针对此问题的建议解决方法或修复方法?Bootstrap 4 Bootstrap 4.1 IE11中输入焦点的模式调整,bootstrap-4,internet-explorer-11,Bootstrap 4,Internet Explorer 11,只有在Internet Explorer 11中查看(仅在IE 11中测试)时,我才在Bootstrap 4.1中体验到对话框大小调整/移动 当在模态中聚焦输入时,问题就会显现出来 这可以在以下取自modals页面的gif中看到 我似乎找不到任何关于这种行为的东西 可以通过在对话框打开时在字段上设置焦点来修复此问题,但是某些对话框在打开时可能没有任何元素焦点 是否有针对此问题的建议解决方法或修复方法? 问题在于CSS类表单控件。当您将display:block更改为display:inline时
问题在于CSS类
表单控件
。当您将display:block
更改为display:inline
时,问题将消失。我可以通过将任何受影响元素的outline
属性显式设置为0
来解决此问题。例如,添加以下css为我解决了问题:
.form-control {
outline: 0;
}
button, button:focus {
outline: 0;
}