2017-10-02 12 views
0

나는 다음 코드를 사용하여 모든 장애인 필드의 글꼴 색을 변경하는 방법에 대한 몇 가지 주제를 발견했다. 그렇다면이 스크립트에 ID로 타겟팅을 추가하려면 어떻게해야합니까? 도와 줘서 고마워!CSS : 특정 사용하지 않는 입력란의 글꼴 색을 변경하는 방법은 무엇입니까?</p> <pre><code>input[disabled=disabled] { /* your style */ color: #fff !important; } </code></pre> <p>하지만 여러 장애인 필드가 있고 난 단지 대상 필드의 색상을 변경하려면 :

+0

스타일을 지정하려는 클래스에 클래스를 추가하고 사용하십시오. – Pete

답변

3

IDinput 선택 스위치 :

.these[disabled=disabled] { 
 
color: #fff !important; 
 
background: red; 
 
}
<input class="these" disabled="disabled" value="Lorem ipsum"> 
 
<input class="these" disabled="disabled" value="Lorem ipsum"> 
 

 
<input class="notThese" disabled="disabled" value="Lorem ipsum">

: 당신이 스타일을 재사용 할 수 있도록

#thisOne[disabled=disabled] { 
 
color: #fff !important; 
 
background: red; 
 
}
<input id="thisOne" disabled="disabled" value="Lorem ipsum"> 
 

 
<input id="notThisOne" disabled="disabled" value="Lorem ipsum">

클래스는 아마 더 나을

+0

빠른 응답을 보내 주셔서 감사합니다! 나는 당신의 코드가 작동한다고 확신하지만 아마도 나는 뭔가를 놓치고있다. 입력 필드의 글꼴 색을 변경하려고합니다. 다음 코드를 사용하고 있습니다. input # MyFieldID [disabled = disabled] {color : red! important;} 나는 class와 함께 try를 시도했다. .myclass [disabled = disabled] ...하지만 여전히 작동하지 않는다. 무엇이 잘못 될 수 있다는 제안이 있습니까? – Nefri

+0

나는 당신의 html을 봐야 할 것입니다. jsfiddle.net에서 간단한 예제를 만들 수 있습니까? – Turnip

+0

ID가 몹시 구역질 나는 autogenerated 그래서 나는 셰어 포인트를 사용하고 있습니다. F12 키를 누른 상태에서 텍스트 상자를 클릭하여 정확한 ID를 찾습니다. 여기에 텍스트 상자의 HTML과 CSS 코드를 추가했습니다. 도움을 주셔서 대단히 감사 드리며 문제를 호소합니다. https://jsfiddle.net/tm7otm8L/ – Nefri