以html格式輸入文本的邊框

Question

我想在html表單中的輸入文本字段周圍有一個紅色邊框。但用css

input { border: 1px solid #d66 } 

還提出一個紅色邊框我的按鈕（這是我不希望）。

input.button，input.submit或input.text和{}內的任何內容都不會執行任何操作。

如何更改僅限文本輸入的邊框，以及如何僅更改提交按鈕中的字體？我正在使用IE9。

謝謝！

Answer 1

要定位文本框，使用

input[type="text"] { border: 1px solid #d66 } 

有提供了更多的屬性選擇。

看一看http://css-tricks.com/attribute-selectors/

Answer 2

你需要的是一個屬性選擇：

input[type="text"] { border: 1px solid #d66 } 

這將選擇類型輸入「文本」。

您也可以使用其他的屬性選擇來選擇其他元素：

input[type="submit"] { border: 1px solid #d66 } 
input[type="checkbox"] { border: 1px solid #d66 } 

但也知道，這些選擇不會被IE7和更低的支持。