div中的樣式表單元素

Question

我正在使用Wordpress中的Contact表單，並且在div中有表單。 div ID是contact_form_home。我試着用下面的樣式的div的表單元素：

#contact_form_home input[type=text], input[type=email], textarea, input[type=submit] { 
    background-color: #009fe3; 
    border: 1px solid #fff; 
    color: #fff; 
    padding: 11px; 
    line-height: 1; 
    width: 100%; 
} 

出於某種原因，任何其他textarea的我有我的網站上也需要這種風格。如何爲該div指定樣式？

Answer 1

你需要重複#contact_form_home列表中的每一個元素。

#contact_form_home input[type=text], 
#contact_form_home input[type=email], 
#contact_form_home textarea, 
#contact_form_home input[type=submit] { 
    .... 
} 

逗號,完全的元素，不僅子元素到第一ID分離出來。

你也應該看到，每個電子郵件輸入字段的每個提交按鈕都具有樣式，但您可能沒有任何其他此類元素。

爲了使它更清楚，你的名單讀起來像這樣：

(#contact_form_home input[type=text]) 
OR (input[type=email]) 
OR (textarea) 
OR (input[type=submit]) 

Answer 2

你不得不重複ID：

#contact_form_home input[type=text], #contact_form_home input[type=email], #contact_form_home textarea, #contact_form_home input[type=submit] { 
    background-color: #009fe3; 
    border: 1px solid #fff; 
    color: #fff; 
    padding: 11px; 
    line-height: 1; 
    width: 100%; 
}