Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Bootstrap 4 Bootstrap 4.1 IE11中输入焦点的模式调整_Bootstrap 4_Internet Explorer 11 - Fatal编程技术网

Bootstrap 4 Bootstrap 4.1 IE11中输入焦点的模式调整

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时

只有在Internet Explorer 11中查看(仅在IE 11中测试)时,我才在Bootstrap 4.1中体验到对话框大小调整/移动

当在模态中聚焦输入时,问题就会显现出来

这可以在以下取自modals页面的gif中看到

我似乎找不到任何关于这种行为的东西

可以通过在对话框打开时在字段上设置焦点来修复此问题,但是某些对话框在打开时可能没有任何元素焦点

是否有针对此问题的建议解决方法或修复方法?

问题在于CSS类
表单控件
。当您将
display:block
更改为
display:inline
时,问题将消失。

我可以通过将任何受影响元素的
outline
属性显式设置为
0
来解决此问题。例如,添加以下css为我解决了问题:

.form-control {
    outline: 0;
}

button, button:focus {
    outline: 0;
}