2012-06-09 3 views
1

enter image description here 안녕하세요,RadWindow 컨트롤 CSS 클래스를 어떻게 덮어 쓰시겠습니까?

저는 자체 CSS가있는 telerik 컨트롤 (RadWindow)을 사용하고 있습니다.

나는 컨트롤 디자인을 편집 등 색상, backgrouns입니다을 변경하려면

내 CSS는 제어 CSS를 덮어 쓸 것인지, 그래서 같은 클래스 이름을 사용하지만, 결과는 내 수업을 덮어이다

컨트롤의 CSS에 의해.

여기 누구든지 문제를 해결하려면 어떻게해야합니까?

더 명확하게하기 위해 스크린 샷을 첨부했습니다.

도움을 주셔서 감사합니다. Inbal.

답변

3

다른에서 CSS를 대체하는 쉬운 방법이 앞에 추가하여 선택기보다 구체적으로 만들기 위해, 예를 들어 추가 선택입니다 :

body div.radwindow_Gray table td.topleft { /* Your new properties */ } 

이 예에서, 내가 선택기에 body을 추가했습니다.

CSS 선택기가 더 구체적 일수록 더 많은 중요성을 갖게됩니다.

또 다른 해결책은 재산 가치 (IE6에서 작동하지 않습니다)!important를 추가하는 것입니다 : HTML 문서에서

div.radwindow_Gray table td.topleft { background: red !important } 

귀하의 CSS 파일이 radWindow에서 그 이상입니다.
radWindow의 마지막 CSS 파일 다음에 CSS 파일을 이동하면 CSS가 radWindow의 CSS 파일을 덮어 쓰므로 문제가 해결됩니다. 이렇게하면 radWindow의 CSS와 마찬가지로 선택기를 유지할 수 있습니다.

+0

고마워요! 나는 당신의 두 예제 (body와! important)를 결합하고 내가 원하는 결과를 얻었습니다. – Inbal

+0

Telerik 스킨 이름을 가진 선택자를 사용할 때는주의해야합니다 (예 : RadWindow_Gray, RadWindow_Silk). 사이트 전체의 스킨을 변경할 수있는 중앙 집중식 스킨 로직을 사용합니다. 이 경우 피부가 바뀌면 CSS가 손상됩니다. – Seano666

관련 문제