CSS輸入類型只提交 - 不是所有的輸入，而我不能使用更改HTML所有

Question

我想改變提交按鈕的樣子 - 我無法爲我們ID或類或類似的東西。

我有一個div - 在這個div裏面2個輸入1是一個文本另一個是提交讓我們說div的類是持有者。

<div class="holder"> 
<input type="text" name="somename" value="somevalue"> 
<input type="submit" name="submit" value="save changes"> 
</div> 

我目前的CSS是：

.holder input, textarea { 
width:250px; 
} 

但是這種變化都輸入類型。我正試圖單獨改變它們。

Answer 1

可以指定CSS屬性所需的特定屬性：

.holder input[type=submit] { 
    width:250px; 
} 

參考：http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

基本上，這意味着寬度屬性只適用於<input>標籤#holder容器內，如果類型屬性的值爲「提交」。

您也可以在name屬性使用此：

.holder input[name=submit] { 
    width:250px; 
} 

Answer 2

的選擇對於提交的輸入將是：

.holder input[type="submit"] 

請注意，您的div有「持有人」的類，而不是「持有人」的ID，因此請使用.而不是#。