0

1ピクセルのパディングを使用したテキスト入力があり、1ピクセルの境界線を付けることがあります。すべてのテキスト入力を、境界線かどうかに関係なく、同じ垂直方向のスペースに入力する必要があります。それを実現するために、「境界線はありませんが、あなたのようにスペースを埋める」クラスを境界線で作成しました:なしと2pxのパディング:

.BorderInputNone {
 border: none;
 padding: 2px;
}

これはIE8で機能しましたが、IE7では、入力の周囲に目に見える境界線がありました。

編集:border:transparentを使用して修正しました。

.BorderInputNone {
border: 1px solid transparent;
padding: 1px;
}
4

2 に答える 2

4

border: 0px;クロスブラウザ互換性が高いと思われるので使用してください。

ここでこの質問を確認してくださいここで質問

IE7を修正する例を次に示します。

http://jsfiddle.net/Z7Uee/

于 2012-05-10T16:36:42.110 に答える
2

border:transparentを使用して修正しました。

.BorderInputNone {
border: 1px solid transparent;
padding: 1px;
}
于 2012-05-11T12:53:10.800 に答える