更改jQuery滑塊的寬度和高度

Question

我想更改jquery滑塊UI的寬度和高度。我正在使用ui-lightness主題。我試圖通過在我的樣式表中添加下面的代碼來覆蓋默認的jquery.css。

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

但是上面的CSS沒有效果。 jquery.css覆蓋了上面的樣式，我發現滑塊沒有變化。如何覆蓋默認的jquery.css樣式？

Answer 1

嘗試添加!important統治你的width和height聲明之後，就像這樣：

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

這應該強迫你的聲明被讀取。