樣式表單 - 輸入和按鈕，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作爲常見的輸入，你無法刪除邊框