css - 样式表 - 输入和按钮，CSS

Question

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

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

<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;}

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

谢谢:)

Answer 1

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

如果您正在使用提交:

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

如果您正在使用图像类型，请尝试为其添加一个类

.imageclass {
   border:0;
}