2010-06-02 3 views
1

나는 현재 UI 테마를 준수하여 datepicker와 비슷한 timepicker를 만들고 싶습니다. datepicker에서 timepicker로 CSS 속성을 복사하거나 상속 할 수 있습니까? 나는 CSS 소품 만 클래스의 동작을 복사하고 싶지 않습니다.JQuery를 사용하여 CSS를 한 클래스에서 다른 클래스로 복사합니까?

(나는 거기에 다른 timepickers을 본 적이 있지만 내가 그들 중 정말 행복하지 않다 ...)

+2

좋아하는 CSS를 복사하고 클래스 이름을 다른 것으로 바꿀 수 없습니까? –

+0

CSS를 리펙토링 할 수 있습니까? 그렇다면 공통 기본 스타일을 사용하여 재정의 할 수 있습니까? CSS가 계단식으로 설계되었습니다. 이것이 바로 유즈 케이스입니다. – McPherrinM

+0

@Josh, 좋은 지적 +1rep –

답변

1

이 CSS와 HTML 마크 업 (그리고 자바 스크립트 코드)로 수행하기 어려운 아주이다 단단히 함께 결합. 또한 CSS에는 몇 개의 이미지가 필요합니다 (대개 수십 개의 이미지가있는 큰 이미지 - CSS는 큰 이미지의 어느 부분을 표시할지 선택합니다).

css를 상속하려면 클래스 이름을 상속하고 datepicker에서 동일한 이름을 사용해야합니다. datepicker는 datepicker.css뿐만 아니라 jquery.ui.css 코어에도 종속됩니다. 따라서 이것을 고려해야합니다.

1

당신은 길에 변수로 설정, 필요한 모든 값을 읽어 jQuery를 사용할 수 있습니다

$(this).css({'background-color' : color+'px', 'padding' : padding+'px'}); 
:를 통해

var color = $(this).css("background-color"); 
var padding = $(this).css("padding"); 

기타 등등 ... 그런

출력을

그게 말이 되겠습니까? 은 실제로 스타일 시트를 복사하는 것이 아니라 섹션을 읽고 다른 요소에 추가하는 것입니다 ...

행운을 빈다.

+0

수십 가지 스타일이 있다면 어떨까요? –

관련 문제