3

我有一个严重的 HTML 问题：Internet Explorer 中的按钮上出现一条奇怪的白线。

原始样机示例 -

原来的

按钮 HTML -

<input type="button" Class="buttonAll" value="Regenerate" onClick="Captcha();"/>

<input type="submit" value="Save" onclick="" class="buttonAll">

我的 UI HTML 不包含任何Doctype，并且我有一个只做外观更改的标准。

我尝试以两种方式应用 CSS：

使用 BG 图像 -

使用背景图像

上面的CSS：

background:#92110d url(../images/bg-all-buttons.gif) repeat-x 0 0;

使用 CSS 渐变 -

使用 CSS 渐变

CSS：

input[type="button"], input[type="submit"], .buttonAll {

    overflow:visible; display:inline-block; cursor:pointer;  
    outline:0px none; width: auto; vertical-align:middle;
    margin:3px 6px 3px 0px; padding:2px 6px; border:1px solid #804240; 

    /*background:#92110d url(../images/bg-all-buttons.gif) repeat-x 0 0;*/

    background: #92110d;    background-repeat:repeat;
    background: -webkit-gradient(linear, left top, left bottom, from(#f04b47), to(#92110d));
    background: -moz-linear-gradient(center top, #f04b47, #92110d);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04b47', endColorstr='#92110d');

    text-align:center; text-transform:capitalize; color:#fdfad9; font-size:11px!important; }

上述代码在 FF 和 Chrome 中运行良好。

是否有可能由于事件焦点/活动/模糊而发生这种情况
我想知道如何删除这条白线？

4

2 回答 2

1

例如，您需要从输入字段中删除边框input[type="button"], input[type="submit"], .buttonAll { border:none;}

于 2012-10-03T08:19:40.780 回答
0

Vipul 上面的代码是对的。原因是您的文档类型声明。因为有两种类型的文档模式 1. 严格模式，2. 怪癖模式。Quirk 模式不支持 W3C 现代标准。

于 2012-10-03T10:42:37.750 回答