3

この画像はグーグルクロームからキャプチャーしたものです

ここに画像の説明を入力

この画像は mozilla firefox からキャプチャされたものです

ここに画像の説明を入力

文字入力（名前：、メール：、電話：）の違いが分かります。

では、どうすればこれを管理できますか？Firefox に CSS を使用し、Chrome に別の CSS を使用する手法はありますか

4

3 に答える 3

2

CSS を使用してフィールドの厳密な外観を指定しない限り、両方のブラウザーがデフォルトの入力ウィジェットを使用します (これは異なり、OS に依存します...)。

この問題は、CSS を使用していないか、不十分な場合に発生します。

于 2013-07-31T12:24:02.243 に答える
2

を設定することで問題を解決しましたborder: 1px solid #ccc;。firefox と chrome では、デフォルトでボーダー スタイルの動作が異なるためです。

于 2013-08-01T03:20:11.903 に答える
0

あなたの修正はこのルールを追加していると思います

width: 300px; /* change size accordingly */

に

# message {

また

。メッセージ {

お気に入り

<input class="message" id="message" name="message" type="text" />

単に使用する代わりに

<input id="" name="" type="text"/>
于 2013-07-31T12:26:37.990 に答える