样式表单 - 输入和按钮，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类no-border。然后用代码

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

这是它扩展您的CSSS，我希望

Answer 2

使用选择在你的CSS :)

如果您使用的提交：如果您使用的是图像类型尝试添加一个类来它

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

.imageclass { 
    border:0; 
} 

Answer 3

而不是写整个textarea的CSS和输入，写在类的形式，s因为你提供的CSS作为常见的输入，你无法删除边框