단일 YUI 대화 상자 스타일 재정의

Question

단일 YUI 대화 상자에서 사용되는 단추의 스타일을 무시하려고합니다. 내가 가진 CSS 파일을 만들었습니다

#mydialog.yui-button { 
// style customization 
} 

여기서 mydialog는 대화 ID입니다. 이것은 작동하지 않습니다. 누군가 내가 잘못하고있는 것을 설명 할 수 있습니까?

Answer 1

선택기와 더 관련이 있어야합니다. YUI는

#wrapper #main #mydialog.yui-button 

를 사용하는 경우이

HTML 요소 = 1 개 클래스 = 10 ID의 = 100 개 인라인 스타일 = 1000

#wrapper=100 + #main=100 + #mydialog=100 + .yui-button=10 = 310 
#wrapper=100 + #main=100 + a=1 + #mydialog=100 + .yui-button=10 = 311 

같은 그것의

#wrapper #main a#mydialog.yui-button 

생각처럼 뭔가가 필요합니다

그럴 경우 항상 수입업자를 추가하는 것이 좋습니다. 특이성 대신 수입품을 사용하는 것은 나쁜 습관으로 간주되므로 도움이된다면 수행해서는 안됩니다.

예 :

#mydialog.yui-button{ 
    color: #000 !important; 
} 

항상 마지막 속성 값 뒤에 세미콜론 전에.

마지막으로 해당 클래스가 실패하면 올바른 클래스 및/또는 ID가없는 것입니다. 또한 스타일 시트가로드되고 있는지 확인하십시오.

Answer 2

유이 버튼의 CSS 클래스가 "yui-button"이 아닌 경우 규칙이 잘못되었습니다. 버튼 아닌 "입력"에 대한 "버튼"요소를 사용하는 가정, 올바른 방법은 다음과 같습니다 도움이

#mydialog button { 
    // style customization 
} 

희망.