최근에 jQuery ThemeRoller 테마를 적용한 웹 응용 프로그램이 있습니다. 이제 간단하게 <h2> 요소에 대화 상자 제목 표시 줄 또는 날짜 피커 제목과 같은 둥근 사각형보기가 나타나게하고 싶습니다. 더 큰 jQuery UI 구조의 일부가 아닌 요소에 어떻게 적용하면 좋을까요?페이지의 "보통"부분에서 themeroller'ed 스타일을 어떻게 사용할 수 있습니까?
필자는 Chrome의 검사기 도구에서 볼 수있는 것을 기반으로 CSS 클래스 값을 수동으로 설정하는 길을 시작했고, 필자는 긴장되어 이것이 가장 좋을 것 같지 않다는 것을 알게되었습니다. 방법은 jQuery UI 내부에서 발생할 수있는 CSS 클래스 할당 로직을 무시하기 때문입니다.
그런 스타일을 적용하는 쉬운 방법이 있습니까? 아니면 헤더에 CSS 스타일을 명시 적으로 설정해야할까요?
jQuery ThemeRoller CSS 스타일에는 어떤 마법도 없습니다. CSS가 생성하는 CSS 파일을 살펴보면 일반적으로 명확하고 간결하며 쉽게 읽을 수 있습니다.
ThemeRoller CSS의 둥근 모서리는 IE에서 작동하지 않으므로 너무 많이 사용하지 않으려 고 할 수도 있습니다. 그렇다면 style = 'blah'를 사용하여 CSS를 적용하십시오.
stevedbrown 님의 답변은 아주 정확합니다.
ui-corner- 접두어를 사용하여 포함 요소에 둥근 모서리를 적용 할 수 있습니다. 예를 들어 div 요소의 네 모퉁이에 둥근 모서리를 적용하려면 ui-corner-all을 사용합니다.
동일한 요소의 상단 모서리 스타일 만 적용하려면 TopLeft 및 TopRight 모서리에 ui-corner-tr ui-corner-tl을 적용하십시오.
var defaultColor = $(".ui-state-default").css("color");
var defaultMargin = $(".ui-state-default").css("margin");
등 당신의 요소
$(".your-css-class").css("color",color);
$(".another-css-class").css("margin",margin);
에 다음을 적용
위의 또 다른 가능성은 당신이 CSS를 복사 할 속성을 알고있는 경우, 프로그래밍처럼 할 수있다
다소 복잡하지만 CSS 개발자는 테마를 업데이트 할 수 있으므로 더 이상 코드를 업데이트 할 필요가 없습니다.
IE가 CSS3 표준과 잘 작동하지 않는다는 것을 상기시켜야합니다. 둥근 모서리는 모든 버전의 IE에서 사각형으로 나타납니다. –
에는 둥근 모서리를 추가하기 위해 특정 해킹이 추가 될 수 있습니까? –
적용 할 수있는 몇 가지 JavaScript 플러그인이 있으며 모서리에 배치 된 이미지를 사용할 수도 있습니다 (실제로 못생긴 경우). 아마도 http://dillerdesign.com/experiment/DD_roundies/가 최선의 방법 일 것입니다. http://plugins.jquery.com/project/corners. –