3

HTMLに重大な問題があります。InternetExplorerのボタンに奇妙な白い線が表示されます。

オリジナルのモックアップの例-

オリジナル

ボタンHTML-

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

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

私のUIHTMLにはDoctypeが含まれておらず、外観の変更のみを行うための基準があります。

私は2つの方法でCSSを適用しようとしました：

BG画像の使用-

BgImageを使用する

上記の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は正しいです。reason は、doctype 宣言です。ドキュメントモードには、1. strict モード、2. quirks モードの 2 種類があるためです。Quirk モードは、W3C の最新の標準をサポートしていません。

于 2012-10-03T10:42:37.750 に答える