바보 같은 질문 인 것 같지만 jQuery로 작업 할 때 특정 CSS 속성을 수정하는 것이 번거롭다는 것을 항상 발견합니다. 요소를 jQuery-UI 객체 (예 : 자동 완성 또는 날짜 표시기)로 정의한다고 가정 해 보겠습니다. UI 사이트를 방문하지 않고도 CSS를 수정하고 나만의 테마를 만들면 어떻게됩니까?기본 jQuery-UI CSS를 덮어 쓸 수있는 쉬운 방법은 무엇입니까?
예를 들어, 캘린더의 기본 글꼴 크기가 꽤 커지기 때문에 jQuery로 만든 div가 포함되어 있는지 확인한 다음 해당 스타일을 적용하려면 font-size: 14px !important;을 추가해야합니다. jQuery 정의에 의해 트럼프를 얻는다.
내 규칙을 더 선택적으로 만드는 해결책이 있습니까? 아니면 정말 분명한 것을 놓치고 있습니까?
저는 JQuery-UI를 사용하지 않았지만 설명서를 빠르게 살펴보면 많은 스타일을 간단하게 재정의해야한다는 것을 알 수 있습니다. 이 페이지 http://jqueryui.com/docs/Theming/API은 font-size의 특정 예에 대해 이야기합니다. .ui-widget 클래스가 특정 위젯에 대해 font-size을 제어한다는 내용입니다. 그래서 폰트 크기를 얻는 것 같아서 다음과 같이 CSS를 작성해야합니다.
#ui-datepicker-div.ui-widget {font-size: 14px}
희망이 있습니다.
Wow great link, thanks! 나는 항상 다운로드와 함께 제공되는 CSS를 보았고 항상 마일 길이 선택기가있는 것처럼 보였으므로 나는 이것보다 훨씬 더 복잡하다고 생각했다. :) – Gazillion
위 링크 된 페이지가 (2014 년에) 사라 졌으므로 try 여기 : http://api.jqueryui.com/theming/css-framework/ –
나는 동정심을 나타낸다. 나는 정직하게 jQuery UI를 존중하지만 그것이 부과하는 레이아웃 때문에 많은 사이트에서 정말 나쁜 솔루션이라고 생각한다. 내가 한 것은 단지 그들이 준 CSS를 자유롭게 수정 한 것입니다. 많이. 어쨌든 내 사이트를 "jQuery UI 사이트"처럼 보이게하고 싶지는 않습니다. 후회할 필요가 없습니다 .-) – Pointy