常见的表单控件(html常用表单控件)

网站建设-常见

IE CSS Bug系列：表单控件双边距BUG受影响的版本

这个BUG的影响：IE7网站建设，IE6

表演

和元素从具有边距属性和布局的父节点继承水平边距属性。

网站建设-常用

辅导日期

2009年8月17日，星期一，22:37336049

形容

这是我在热拉尔塔尔博特的IE7 BUG收藏页面上发现的另一个BUG。双边距离Bug有了新的表现，它也出现在IE7下。现在，它的主要性能是它影响和元素。让我们看看这个例子。

网站建设-控件

例子

这个例子在另一页上。

注意：虽然这个演示展示了合法的超文本标记语言标签，但它不是创建超文本标记语言表单的合适方法。这个演示只是一个简化版本。

超文本标记语言代码：

网站建设-表单

CSS代码：

现在，我们有一个带有布局和左边距属性集的父节点。在IE6和IE7中，和元素的行为就像它们从父节点继承了margin属性一样，因此它们的margin属性值是双重叠加的。在父节点上设置右边距属性具有相同的结果。在更健壮的浏览器中，和元素应该与垂直对齐。

以下是按解决方案类型分类的上述问题的解决方案。

解决方案(条件注释解决方案)

网站建设-双边

解决日期

2009年8月17日，星期一，22:37336049

修复版本

所有受影响的版本

网站建设-应该

形容

这个BUG的修复是一个相当暴力和直接的解决方案。让我们看一看：修复后的实例在单独的页面上。

HTML代码：

CSS代码：

网站建设-只是

条件注释代码：

让我们在这里分解我的解决方案。这是迄今为止我找到的唯一解决办法。我已经用条件注释处理了IE6和IE7，你可以选择任何你喜欢的方式来实现这个目标。对于这些特定版本的IE浏览器，我在和的父节点中将左边距的值设置为大小相等，符号相反。现在，在受这个BUG影响的浏览器中，所有的元素都与元素垂直对齐。该方案也适用于融资融券。

注意：你可以直接使用我在CSS中定义的选择标准，这不是恶意侵权。请确保更正负数的边距，并将其仅应用于与此错误相关的表单元素。

原始链接：http://haslayout.net/css/Form-Control-Double-Margin-Bug

网站建设-迄今