CSS를 변경하지 않고 submit.button CSS를 제출 버튼에 적용 하시겠습니까?

Question

input.button에 적용되는 시스템 생성 CSS 규칙이 많이 있습니다. 이들의 구조는 다음과 같다 :

<input id="submitBtn" type="submit" value="Subscribe" /> 

나도이 submitBtn 모든 input.button CSS를 적용하기를 원하지만 수동으로하지 않고 :

input.button { 
    /* CSS properties here */ 
} 

나는 형태는 다음과 같이 정의 버튼을 제출해야 모든 원래의 CSS를 수정 (또한 submitBtn에 대한 적용합니다), 또는 수동으로 submitBtn

에 대한 input.button에 대한 모든 CSS 규칙을 복제하여 그래서 직접 CS를 활용하는 방법은 무엇입니까 S는 input.button을 의미하며 제출 버튼, 에 CSS 코드을 변경/추가/수정/삭제하지 않고 적용 하시겠습니까?

Answer 1

속성 선택기 -을 사용해 볼 수 있습니다.

자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors을 참조하십시오.

Answer 2

input.button, #submitBtn { 
    /* CSS properties here */ 
} 

Answer 3

이 하나 .... 버튼의 세 가지 종류의

을 시도해보십시오 : 당신이 CSS에서 변경할 수있는 경우

button,input[type="button"],input[type="submit"] 
{ 
//Line 
} 

Answer 4

다음

input[type=submit] 

당신이 할 수있는 경우 변경 변경 후 단추

<input id="submitBtn" type="submit" class="button" value="Subscribe" /> 

Answer 5

당신은 불행하게도 .. 단지

input[value="Subscribe"]{ 
// here css style 
}