0

我有一个应用了一些样式的表单，包括边框。

我遇到的问题是，由于按钮也被视为输入，因此它也有边框，但它是图像，因此我希望它没有边框。

<form action="" method="get"><p><label for="name">Name: </label><input name="name" type="text" size="22" maxlength="100" /></p><p><label for="name">Email: </label><input name="email" type="text" size="22" maxlength="100" /></p><p><label for="name">Tel: </label><input name="tel" type="text" size="22" maxlength="100" /></p><p><label for="name">Message: </label><br /><textarea name="message" cols="33" rows="4"></textarea></p><input type="image" value="submit" src="assets/images/submit_btn.png" width="85" height="26" border="0" alt="submit" name="submit"></form>

和CSS

input, textarea{border: 1px solid #D8CAB8;}.submit input, .submit textarea{color: #000;background: #ffa20f;border: 2px outset #d7b9c9;}

如何使按钮仍在表单内但没有边框？

谢谢 ：）

4

3 回答 3

3

在你的 CSS 中使用选择器 :)

如果您使用提交：

input[type="submit"] {
   border:0;
}

如果您使用的是图像类型，请尝试向其添加类

.imageclass {
   border:0;
}
于 2012-07-26T16:34:23.373 回答
1

给按钮 CSS-class no-border。然后用代码扩展你的 CSSS

input.no-border {
    border-width:0;  }

就是这样，我希望

于 2012-07-26T16:37:19.773 回答
0

不要为整个文本区域和输入编写 CSS ，而是以类的形式编写它，因为您为输入提供 css 作为常见，您无法删除边框

于 2012-07-26T16:37:12.803 回答