3

CSSを使用して、テキスト入力とテキスト領域の幅を設定しています:

input[type=text], 
input[type=file],
textarea {
    width: 305px;
}

何らかの理由で、Firefox ではテキストエリアの幅が短く表示されます。

ここに画像の説明を入力

サファリとクロムで正常に動作します。どうすればこれを修正できますか?

解決：

ここで説明したように: CSS を追加してテキスト領域の幅を設定できません:

padding: 0;
border: 1px solid #ccc;

トリックを行います。

4

3 に答える 3

2

これは、入力タグとtextareaタグの境界線がデフォルトで異なるためだと思います。同じ幅を実現するには、CSSに境界線を追加してみてください。

input[type=text],
input[type=file],
textarea {
    width: 305px;
    border: 1px solid black;
}

次に例を示します：http：//jsfiddle.net/Das2q/

于 2012-05-30T18:53:49.543 に答える
0

すべての入力フィールドを指定された<div>幅のに入れて、フィールド<input>と<textarea>フィールドの幅を100％にすることができます。

于 2012-05-30T18:49:35.953 に答える
0

FFのどのバージョンを使用していますか？12.0で試してみましたが、問題ないようです。

この単純なバージョンを試して、それがまだそれを捨てているかどうかを確認してください。css定義の別の部分に問題がある可能性があります。

<html>

<head>
<style type="text/css">
    input[type=text], 
    input[type=file],
    textarea {
        width: 305px;
    }   
</style>
</head>

<body>

<form>
    <input type="text" /><br/>
    <textarea></textarea>
</form>

</body>
</html>
于 2012-05-30T18:53:07.237 に答える