1

所以我有一个需要各种东西的表单，最后是一个文本区域（用 HTML 完成）。然后我制作一个图像提交按钮（我自己的图像）。

<label for="comments">Comments *</label>
<textarea type="comments" name="comments" value= "" maxlength="1000" cols="28" rows="6"></textarea>
<br />
<input type="image" src="../../images/submit.png" name="submit" />

但是，在 textarea 之后，它决定不将提交按钮居中。如果我把 textarea 拿出来，它就在输入区域之后，它就会居中。

这是我的表单的 CSS（来自上面的内容）：

label{
    padding-top: 3px;
    padding-bottom: 3px;
}

textarea[type="comments"]{
    float: right;
    resize: vertical;
    overflow: auto;
    font-family: Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    border-style: none;
    border-color: black;
    border-width: 1px;
}

input[type="image"]{
    display: block;
    margin: 0 auto;
}

任何人都知道如何为 IE/Safari 解决这个问题？谢谢！

4

1 回答 1

0

添加clear:both到您的输入图像 CSS。

为了更好地兼容旧浏览器，我鼓励您使用更简单的选择器，而不是利用属性选择器语法。也许在必要时添加类。

<textarea class="comments" ...></textarea>

制作你的选择器

textarea.comments {
  ...
}
于 2012-04-19T04:44:25.550 回答