Question

我的登录页面上有一个按钮，其结果在所有IE浏览器版本中都有所延伸。

请在此处查看我的实时网站黑色“登录”按钮： www.urbanclaim.com

这是我用于此按钮的代码:(查看表单结构的源代码）

<input style="margin-left:15px;"  type="submit" name="Submit" class="button" value="<?php echo JText::_('LOGIN') ?>" />

我怎样才能解决这个问题呢？感谢。

Answer 1

你的按钮在IE8 / 9中可以正常工作，但你有这个：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

强制这些浏览器模拟IE7，这是唯一一个实际上你的按钮有问题的版本。

修复IE7（以及IE7模式下IE的其他版本..）：

在label的父.art-button-wrapper上，将margin-left: 300px更改为padding-left: 300px。还要添加display: block。对下一个label进行相同的更改。

请参阅IE7： http://jsbin.com/akavef/3

<!--
<label style="margin-left:300px;font-weight: bold; ">
-->
<label style="padding-left:300px;font-weight: bold; display:block ">