4

簡単な入力フィールドがあります。

<input name="1" onfocus="this.value=''" type="text" size="20" value="input 1" title="Enter your search here" />

ブラウザによって追加されるパディング、マージン、ボーダーの量が異なるため、次のようにリセットする必要があります。

input
{
padding: 0;
margin: 0;
border: 0;
border: none;
}

現在、スタイルが設定されていません (フォントサイズやカーソルなどの他のプロパティを移動のためにそのままにしておきます)。リセット前のデフォルトの外観を戻したいのですが、一貫した値を使用して、外観と寸法が同じになるようにします。すべてのブラウザで。そうです

input
{
border: 1px inset #F0F0F0;
}

ただし、何かが変更され、外観はこのフィドルと同じではありません。最初の入力 (入力 1) は境界プロパティでリセットされていませんが、2 番目の入力 (入力 2) はリセットされています (境界: 0; 境界: なし) ;) そして再度スタイルを変更します (border: 1px inset #F0F0F0;)。

jsフィドル

スタイルのリセットを適用した後、どうすれば同じ外観に戻すことができますか?

4

2 に答える 2

5

一度変更すると、デフォルトのスタイルに戻すことはできません。ブラウザ間でマージンとパディングを正規化したい場合は、マージンとパディングを正規化するだけで、他のスタイル、特に境界線と背景には触れないでください。

于 2012-09-10T11:59:41.903 に答える