값을 기반으로 입력 스타일 변경

스타일을 변경하려는 일부 버튼이 있으며 각각 다른 값을 갖습니다. 그들 중 누구도 클래스 나 ID를 할당받지 못했습니다. 단추의 스타일을 가지고있는 가치에 따라 변경할 수 있습니까?값을 기반으로 입력 스타일 변경

<input type="button" value="Subscribe">

내가 편집하고 싶은 내용입니다. 위에서 설명한 내용을 수행하는 가장 좋은 방법은 무엇입니까? 문제에 대해 더 궁금한 점이 있으시면 언제든지 문의하십시오.

편집 : 이전 스타일도 바꾸려면 어떻게해야합니까?

출처

2014-07-16 DaRock

JavaScript를 사용하십시오. – tymeJV

http://jsfiddle.net/jemja/ 값을 기반으로 CSS 속성 선택기를 사용할 수 있지만 전체 HTML 노드가 아닌 값 텍스트에만 영향을줍니다. 그렇지 않으면 JavaSCript – MannfromReno

을 사용해야합니다. 왜 수업을 사용하지 않습니까? – arielnmz

CSS 셀렉터를 사용하여 속성으로 선택할 수 있습니다. 이 경우 :

input[value="Subscribe"] { 
    /* Styles Go Here */ 
}

다른 버튼에는 동일한 값 속성이없는 경우 해당 버튼에만 스타일을 적용 할 수 있습니다.

편집 : 기존 스타일보다 우선 적용되는지 묻습니다. 대답은 "의존합니다."

이러한 규칙이 다른 버튼 규칙과 동일한 위치에있는 경우 (예 :이 단추의 규칙이 다른 단추 규칙과 동일한 외부 스타일 시트 또는 동일한 포함 된 스타일 시트에있는 경우) CSS 우선 순위 : http://www.alternategateways.com/tutorials/css/css-101/part-four-the-css-order-of-precedence. 속성에 의한 CSS 선택자는 ID별로 선택 자에게 연기됩니다.

물론 이러한 규칙을 항상 인라인으로 만들거나 !important을 사용하여 무시할 수 있지만 나중에 문제가 발생할 수 있으므로 절대적으로 수행해야하는 경우가 아니면 그렇게하지 마십시오.

출처

2014-07-16 21:21:45

배경을 URL로 변경하고 싶습니다. 이것으로도 효과가 있습니까? – DaRock

물론입니다. http://jsfiddle.net/QmpDN/ –

값을 기반으로 입력 스타일 변경

답변

관련 문제