css - 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

次のように、 and宣言の!important後にルールを追加してみてください。widthheight

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

それはあなたの宣言が読まれるのを強制するはずです。