비활성화 된 확인란의 CSS를 설정하는 방법은 무엇입니까?
https://stackoverflow.com/questions/1206960
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
그리드에서 비활성화 된 확인란의 CSS를 변경하고 싶습니다 (사용자를보기에는 너무 어렵습니다). 이것을하는 간단한 방법은 무엇입니까?
사용 된 기술에서의 선호 (내림차순으로) :
CSS
자바 스크립트
jQuery
다른
해결책
배경의 색상을 바꾸는 것이 좋습니다 ( background-color 양식/필드 세트), 더 나은 대비를 제시 할 수 있는지 확인하십시오. 장애인 (선택 불가능한?)의 색상을 변경하려면 시도 할 수 있습니다.
input[disabled] {
...
/* CSS here */
...
}
그러나 그들이 이유 때문에 장애가 있다면, 분명히 눈에 띄게 눈에 띄지 않아도 되나요? 그들의 회색이라는 목표는 분명히 활성/활성화와 비활성/비활성화 된 양식 요소 사이의 혼란을 피하는 것입니다.
다른 팁
확인란을 활성화 한 다음 추가하십시오 onfocus=this.blur() 확인란에 클릭 할 수 없습니다.
또는 asp.net을 사용하는 경우 (주석에서 말하는 것처럼) 확인란을 활성화하도록 설정하고 다음을 Page.LOAD 이벤트에 추가하십시오.
CheckBox1.Attributes.Add("onclick", "return false;");
Ive는 작업을 수행하기 위해 몇 가지 JS 라이브러리와 행운을 빕니다. 내 요구 사항은 상자를 표준 확인란과 매우 다르게 보이게하는 것이 었습니다. 다음 라이브러리는 508도 준수합니다.
input:disabled {} 당신은 그것을 추측 한 모든 브라우저에서 작동합니다. 즉, JS 라이브러리를 사용해야한다고 생각합니다.
기본적으로 Div, P 또는 그리드에 사용되는 기타 요소에 OnClick 이벤트를 첨부 한 다음 검사 된 값을 그리드의 해당 필드와 관련된 숨겨진 요소로 전송해야합니다. JavaScript가 사용되는 경우 매우 사소한 일입니다. jQuery를 점검하여 모든 요소에 OnClick 이벤트를 추가하십시오. 클릭하면 숨겨진 요소의 값 = 1을 설정하십시오.
실제로 약간의 CSS3를 사용하면 매우 단순한 솔루션을 조롱 할 수 있습니다. 당신은 항상 어떤 종류의 지원을 제공하고 싶은지 고려해야합니다. 그러나 현대식 브라우저에서 작업하는 데 괜찮다면 그냥 가십시오.
여기 HTML이 있습니다
<label>
<input type="checkbox" name="test" />
<span>I accept terms and cons</span><br><br>
<button>Great!</button>
</label>
CSS는 다음과 같습니다
button { display: none}
:checked ~ button {
font-style: italic;
color: green;
display: inherit;
}
그리고 여기 데모가 있습니다 http://jsfiddle.net/dyjmm/
활성화되고 비활성화 된 확인란이 혼합 된 양식이있는 경우 비활성화 된 확인란이 사라지면 사용자의 혼란을 피하십시오. 의도가 확인란 (구매 영수증에서 선택한 제품 옵션을 표시하려면 예방)이있는보기 전용 페이지를 표시하려면 확인란 입력 요소를 이미지로 대체하면 더 나은 결과를 얻을 수 있습니다.
바꾸다
<input type="checkbox" disabled>
<input type="checkbox" disabled checked>
~와 함께
<img src="unchecked.gif">
<img src="checked.gif">
