IE_Basic チュートリアルで無効なボタン設定 border:none 属性の解決策

要素をボーダーレスに設定するには、その要素に border:none を設定するだけです。もちろん、border:0 を設定しても同じ効果がありますが、実際には、この 2 つの間にはパフォーマンスの違いがあります。

コードをコピー コードは次のとおりです。

border:none: 境界線は none に設定され、処理は行われません。 ;
border:0: 境界線の幅は 0 ピクセルに設定されていますが、border-color と border-style は実際にレンダリングされています。

ただし、IE では、これはボタン要素と入力要素には当てはまりません。IE6 および 7 では、border:none は border-style:none とのみ同等であり、国境はまだここにいます。これにより、ブラウザ間で入力の幅と高さが一貫して調整されなくなります。 IE6 および 7 では、border:none が設定されていますが、境界線は依然として存在します。私の言うことが信じられないなら、試してみてください。
解決策を以下に示します。
最初の方法:

コードをコピー コードは次のとおりです:

border:0 none;

2 番目の方法:
ボタンに背景色を追加します

コードをコピー span > コードは次のとおりです。

button{
background:#fff;
}