Слайдер цен nouislider — как задать свой стиль для ползунка?

Question

[pasha bpv]

Слайдер цен nouislider - как перебить (задать свой стиль для ползунка)?? Нужно стилизовать как на PSD исходнике - как это сделать???

Answer 1

[Lisonok]

Уберите стили от jquery, поставьте свои, либо используйте !important для каждого свойства

Answer 2

[pasha bpv]

Можно ли сделать так чтобы не убирать стили со стандартного файла плагина?


Конечно можно сделать самым простым способом в файле jquery.nouislider.css - закомментировать строки отвечающий за стиль:

/* .noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
} */
/* .noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
} */

/* Handle stripes;
 */
/* .noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
} */