YUI 툴팁의 CSS 스타일은 어떻게 변경합니까?

YUI 페이지에서 일반적으로 패널의 스타일을 변경하는 예를 볼 수 있습니다. 그러나 나는 내 웹 사이트에서 모든 툴팁 (다른 패널이 아닌)의 스타일을 변경하고 싶습니다. 내 모든 툴팁은 특정 DIV에 없으므로 div 내에서 YUI 패널 스타일을 변경하면 효과가 없습니다.YUI 툴팁의 CSS 스타일은 어떻게 변경합니까?

팁이 있습니까?

출처

2009-06-01 Sean

YUI 툴팁이 모든 툴팁에 yui-tt 클래스를 추가하는 것처럼 보입니다. 당신은 즉, 공통 조상,

.yui-tt .bd { 
    /* Styles here... */ 
}

출처

2009-06-01 19:40:32

내 스타일 시트에 내 스타일 뒤에 "! important"를 추가해야했는데 YUI 로더를 사용하고 있고 내 스타일 시트가로드 된 후 툴팁 스타일을로드하기 때문에 추측합니다. 그러나 그것은 작동합니다, 고마워요! – Sean

으로 나는 다음에 내 애플 리케이션의 머리 (기본 스킨 (sam.css)에 이미 포함하여) 구성자의 스타일 시트를로드하는 것이 사용하여 당신의 툴팁 스타일을 수 내 자신 만의 스타일을 제공하므로 즉시 렌더링 할 수 있습니다. 그러나 언급 한대로 YUI 로더는 이후에 스타일을 무시합니다.

당신이 당신의 로더 구성 옵션

skin : {defaultSkin: ''}

를 추가 모듈이 많이로드하거나 스타일 선언을 많이하고 모든 일 후! 중요한 작성하지 않으려면. 이렇게하면 사용자에게 약간의 대역폭이 절약되어보다 빠른 렌더링이 가능합니다.

IE6은! important를 인식하지 못하므로 해당 브라우저에서 작동하지 않습니다.

희망이 있습니다.

출처

2009-06-04 20:27:50

정말 알아야 할 중요한 사실은 ... 고마워요! – Sean

나는 기본 스킨을 ''로 설정해도 YUI가 여전히 "undefined"라는 스킨을 찾기 위해 모든 것에 대한 스타일 시트를 다운로드하고 다운로드하는 연결을 만들었다는 것을 알게되었습니다. 이것은 불필요한 연결 인 것처럼 조금 낭비가되는 것처럼 보입니다. 이걸 없애는 방법이 있는지 알아? – Sean

나는 그 길을 찾지 못했지만 웹 앱의이 시점에서 그 밖의 모든 것이로드되어야하기 때문에 404 연결은 실제로 다른 것을 붙잡고 즉시 반환해서는 안됩니다 –

YUI 툴팁의 CSS 스타일은 어떻게 변경합니까?

답변

관련 문제