Zmiana szerokości i wysokości suwaka jQuery

Question

Chcę zmienić szerokość i wysokość interfejsu suwaka jquery. Używam motywu ui-lightness. Próbowałem zastąpić domyślny plik jquery.css, dodając następujący kod w moim arkuszu stylów.

.ui-slider .ui-slider-horizontal { height: .6em; } 
.ui-slider .ui-slider-handle { 
    position: absolute; 
    z-index: 2; 
    width: 1em; 
    height: 1em; 
    cursor: default; 
} 

Ale powyższe css nie ma żadnego efektu. jquery.css zastępuje powyższy styl i nie widzę zmiany w suwaku. Jak zastąpić domyślne style jquery.css?

Answer 1

spróbuj dodać regułę !important ponad po deklaracji width i height, tak:

width:1em !important; 
height:1em !important; 

To powinno zmusić oświadczenie należy czytać.