Thay đổi chiều rộng và chiều cao của thanh trượt jQuery

Question

Tôi muốn thay đổi chiều rộng và chiều cao của giao diện người dùng thanh trượt jquery. Tôi đang sử dụng chủ đề ui-lightness. Tôi đã cố gắng ghi đè lên các jquery.css mặc định bằng cách thêm đoạn mã sau vào bảng định kiểu của tôi.

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

Nhưng css trên không có hiệu lực. jquery.css ghi đè kiểu trên và tôi không thấy thay đổi nào trong thanh trượt. Làm thế nào để ghi đè lên các kiểu jquery.css mặc định?

Answer 1

Hãy thử thêm các quy tắc !important qua sau khi tuyên bố width và height của bạn, như vậy:

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

Điều đó sẽ buộc khai của bạn để được đọc.