6

のテキストエリアが必要です500px。これは、テキストエリアに使用する CSS です。

width: 498px;
padding: 0px;
margin: 0px;

IE と Chrome には1pxデフォルトで境界線があり、一方で FF には2px境界線があり、テキストエリアが502px代わりになることに気付きました500px。回避策はありますか?

注意点として、texarea の境界線の幅を明示的に指定できます。border-width:1pxですが、ここでの問題は IE ではうまく機能しないことです (境界線が に設定されている場合、IE のデフォルトのテキスト領域の境界線は視覚的に正しく見えません1px)、境界線の色を変更することはできますが、私はしません。これをやりたくないのですが、デフォルトのブラウザ スタイルを維持したいのですが、デフォルト スタイルを変更したり境界線に色を設定したりせずに、すべてのブラウザで幅を同じにしたいのですが、これは可能ですか?

4

4 に答える 4

8

ドキュメントの上部にある [CSS のリセット] シートを使用して、すべてのブラウザーの既定のスタイルを同じに設定できます。私はYUI リセット CSSが好きです。これにより、すべてのコントロールの基本スタイルが最初からすべてのブラウザーで同じになるように設定され、より予測可能なレイアウトが可能になります。

IMO 各ブラウザーに独自のスタイル (ユーザーがカスタマイズすることもできます!) を持たせると、アプリケーションのスタイルが予測不能になり、思いもよらなかった場所で問題が発生します。リセット CSS を使用し、それに応じてアプリケーションのスタイルを設定することをお勧めします。yahoo のサイト (参照先) をチェックアウトすると、そこから開始できる独自の「ベース」CSS も用意されています。これは非常に優れています。

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css">
于 2008-12-27T14:01:40.383 に答える
0

私たちは、IE と FF の「癖」を回避するために、別々のスタイル シートを作成する傾向があります。次に、簡単なコードを使用して、正しいスタイル シートが使用されるようにします。

<!--[if lte IE 6]> works for < than IE 6
<link href="/css/IE6Below.css" media="screen" rel="Stylesheet" type="text/css" />
<![endif]-->

IE 6用の作品もあります

等...

于 2008-12-27T14:02:25.793 に答える
0

jQuery を使用して html 要素を装飾し、クロスブラウザーの問題に対処します。

于 2008-12-27T14:04:33.700 に答える
0

本質的に、ブラウザのデフォルトがすべてのブラウザで同じではないことを嘆いていますが、それらのプロパティを自分で直接変更したくありません。

これは意味がありません。

他の人たちと同じように、リセット スタイルシート (私は Eric Meyer の大ファンです) を使用することをお勧めします。簡単。クリア。欠点はありません。

于 2008-12-27T17:45:31.460 に答える