0

Firefox では完全に左揃えのテキストエリアがありますが、Chrome では少しスペースが追加されます。なぜそこにあるのかわかりませんが、スペースを取り除くために多くのことを試みましたが、できません。 ここに画像の説明を入力 Chrome は、テキストエリアを 2 ピクセルほど右に押します。私が間違っていることを誰かが知っていますか、それともクロムに合わせる方法はありますか?

これが私のコードです：

HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="testdiv.css" />
</head>
<body>
<div class="outermostshell">    
    <div class="textareashell">
            <textarea name="status" rows="2" cols="30"></textarea>
    </div>
</div>
</body>
</html>

CSS:

.outermostshell
    {
        position:fixed;
        width:300px;
        height:600px;
        background-color:red;

    }

.textareashell
    {
        position:relative;
        top:10px;
        padding:0;
        border:0;
        left:0px;
                margin:0px;
    }

どんな助けでも大歓迎です。

4

2 に答える 2

4

一部のブラウザー (Chrome を含む) には、フォーム要素の既定の余白があります。マージンをゼロに設定するだけです：

.textareashell textarea { margin: 0; }
于 2013-01-26T10:52:21.277 に答える
0

私は padding-left: 2px; を使用することを好みます。

于 2013-01-26T10:48:44.837 に答える