기본 CSS 속성 덮어 쓰기

기본 입력 CSS가있는 WordPress 테마가 있습니다.기본 CSS 속성 덮어 쓰기

input, input[type="text"], input[type="password"], input[type="datetime"],  input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { 
border: none !important; 
background-color: #f0efed; 
line-height: 40px; 
font-size: 16px; 
color: #555; 
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: :0px; 
box-shadow: none !important; 
-webkit-box-shadow: none !important; 
-moz-box-shadow: none !important; 
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
height: 40px; 
}

나는 같은 단지 특정 사업부에서 'text'and'제출 '로 입력 스타일을 재정의합니다.

샘플 HTML은 :

<div class="checkout_page_container"> 
<table class="checkout_cart"> 
<tr> 
<td><input type="text" /></td> 
</tr> 
</table> 
</div>

나는이 CSS를 시도하고있다. 그러나 그들은 일하지 않을 것이다 ..

.checkout_page_container .checkout_cart input[type="text"] { 
border: 1px solid #666; 
} 

.checkout_page_container .checkout_cart input[type="submit"] { 
border: 1px solid #ccc; 
color:#000; 
}

나는 인물 요소를 할 때. 브라우저는 여전히 테마의 기본 입력 스타일을 감지합니다.

출처

2013-10-28 Jeremi Liwanag