jQueryスライダのハンドルが左に移動

jQueryのスライダを使用する必要があり、スライダをサイズ変更する必要があります。ハンドルを除いてすべてが良く見え、左に移動しました。私はCSSを試しましたmargin、padding、rightしかし、それは助けにはなりませんでした。これを修正する方法はありますか？jQueryスライダのハンドルが左に移動

あなたはそれが（拡大500％）とcssコードのようなものを見つけることができます。

.ui-slider { 
    background: #1f3e7c; 
    border-radius: 5px 5px 5px 5px; 
} 
.ui-slider-range { 
    background: #3366cc; 
    border-radius: 5px 5px 5px 5px; 
} 
.ui-slider .ui-slider-handle { 
    background: #dc3912; 
    border-radius: 2px 2px 2px 2px; 
    width: 3px; 
    height: 11px; 
} 
/* for div that contains slider*/ 
.rangeSlider { 
    color:#0000ff; 
    position: absolute; 
    width: 30%; 
    top: 100%; 
    height: 4px; 
}

UPDATE：、詳細については、下のリンクをご覧ください。.ui-slider-horizontal .ui-slider-handleためmargin-left: -.6em;プロパティがありjquery-ui.css:753

で https://jsfiddle.net/binary_mind/xnL9b9uq/5/

出典

2016-09-16 Binary Mind

htmlも提供してください。 [jsfiddle]（https://jsfiddle.net/）もまた私たちのために便利で、より多くの反応を得るでしょう。 –

HandleにはデフォルトのjQuery UIスタイルが既に適用されています。必要に応じてmargin-leftを削除または調整します。通常はwidth/2 * -1でなければなりません。 – slash197