특정 요소에 적합한 디 CSS CSS 스타일?

jquery 또는 javascript 또는 html 코드의 확인란의 기본 스타일을 어떻게 설정합니까? 또는 다른 방법으로 확인란의 스타일을 사용 중지하는 방법특정 요소에 적합한 디 CSS CSS 스타일?

모든 체크 박스의 스타일을 설정하는 외부 CSS 파일이 있지만 특정 체크 박스의 스타일을 기본 스타일로 변경하고 싶습니다.

감사

2011-01-29 user594659

이 작업은 가장 먼저 체크 박스의 스타일을 지정하는 CSS를 제어하여 수행 할 수 있습니다.

모든 상수에 대한 페이지 레이아웃 스타일 (본문 입력) 대신 CSS를 사용하십시오. 대신 특별한 방법으로 스타일을 지정하려면 클래스를 개별 항목에 할당하십시오.

그래서 그나마 사용 :


input { background: #000; }

사용 :


<style> 
.mystyle { background: #000; } 
</stlye> 
</head> 
<body> 
<input type="checkbox" class="mystyle">

확인이 당신의 위치에있는 모든 CSS는 상수 분명하게,이 확실히 모든이에 기본값으로 설정되어 있는지 확인합니다 모든 페이지 만 선택하여 스타일을 지정할 수 있습니다.

출처

2011-01-29 02:56:33 DoctorLouie

나는 외부 CSS가 닿을 수 없다고 생각하고 있었다. 사실이라면 입력과 스타일에 클래스를 추가하기 만하면 클래스에 스타일이 적용됩니다. 클래스 및 ID 스타일은 요소 스타일보다 우선 순위가 높습니다. – JakeParis

당신은 CSS 값을 다시 JQuery와 사용할 수 있습니다 ... 같은

$(this).css("color","red");

------------ 샘플 -------- 나는 어떤 값을 대체 할 때마다 ----

$(document).ready(function() { 

/* see if anything is previously checked and reflect that in the view*/ 
$(".checklist input:checked").parent().addClass("selected"); 

/* handle the user selections */ 
$(".checklist .checkbox-select").click(
function(event) { 
event.preventDefault(); 
$(this).parent().addClass("selected"); 
$(this).parent().find(":checkbox").attr("checked","checked"); 

} 
); 

$(".checklist .checkbox-deselect").click(
function(event) { 
event.preventDefault(); 
$(this).parent().removeClass("selected"); 
$(this).parent().find(":checkbox").removeAttr("checked"); 

} 
); 

}); 
});

출처

2011-01-29 02:47:52

참조 : http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery –

나는 CSS를 '!important를 사용합니다.

는하지만 대부분의 최신 브라우저는이를 사용할 수 있습니다

input[type="checkbox"] { 
      //insert style here 
    }

같은 특정 CSS 선택기 체크 박스에 특정한 어떤 스타일을 조작 할 수 있습니다.

행운을 비네.

출처

2011-01-29 02:50:00 andrewk

정답입니다. – Amit

특정 요소에 적합한 디 CSS CSS 스타일?

답변

관련 문제