0

我有一个文本区域，它在 Firefox 上与左侧完美对齐，但在 chrome 上，添加了一点空间。我不知道它为什么在那里，但我尝试了很多东西来摆脱空间，但就是做不到。 在此处输入图像描述 Chrome 将文本区域向右推 2 个像素。有谁知道我做错了什么，或者有没有办法在 chrome 上对齐它？

这是我的代码：

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 回答