html - IE中的提交按钮和显示 block

标签 html css internet-explorer block

为什么下面的代码在 FF 中将提交按钮放在单独的行上,而在 IE 中却放在同一行上?

<style type="text/css">
#div1 form input.submit {display:block;}
</style>

<div id="div1">
<form>
hi
<input type="submit" class="submit" value="hello there">
</form>

</div>

最佳答案

发生这种情况的原因是您缺少 <body>打开标签。当 <body>开放标记在 HTML 中未明确显示,IE(至少 6 个)会错误渲染文档树和任何涉及 form 的选择器元素无法正常工作。

Here ,我添加了 body 标签,它起作用了。

yesterday I documented pretty much the same bug 。看来我必须更新描述,不仅要考虑到表单由于缺少 body 标签而无法设计样式,而且还考虑到选择器中的其他元素也无法设计样式。

正如 doctororange 所指出的,您可以通过不指定 form 来解决此问题。也在选择器中,但我建议您输入 <body>标签。

关于html - IE中的提交按钮和显示 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3832634/

相关文章:

javascript - Google Maps API - map 未加载

javascript - 无法动态获取谷歌 Material 条形图中的值

jquery 如果在 <li> 内单击链接,则父链接第一次在 iPhone 上不起作用

JavaScript 函数未定义 IE11

javascript - Internet Explorer 不遵守最大宽度或最大高度

javascript - 如何构建自定义 ng-view 指令,可能使用 ng-includes?

javascript - 将一个子元素居中,同时将其他子元素保持在原处。

jQuery - 在不刷新的情况下调整窗口大小时根据屏幕大小执行脚本?

css - QScrollArea 删除区域内容和滚动条之间的空间。

css - 即 : How to display absolute positioned divs under a relative positioned div