Response title
This is preview!
Move this topic
Slider range
in Using jQuery UI
•
7 years ago
I am speaking about http://jqueryui.com/slider/#range
How can i edit css of that slider?
1
Replies(3)
Re: Slider range
7 years ago
Slider Widget | jQuery UI API Documentation says
JΛ̊KE
The slider widget uses the jQuery UI CSS framework to style its look and feel. If slider specific styling is needed, the following CSS class names can be used:
ui-slider: The track of the slider control. This element will additionally have a class name ofui-slider-horizontalorui-slider-verticaldepending on theorientationof the slider.ui-slider-handle: The slider handles.ui-slider-range: The selected range used when therangeoption is set. This element can additionally have a class ofui-slider-range-minorui-slider-range-maxif therangeoption is set to"min"or"max"respectively.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Slider range
7 years ago
Thx for response. I saw what you paste, in API of slider. But i can't understand how can i change css, for example, of the sliding box in the slider.
In source code view i can see
<link rel="stylesheet" href="/resources/demos/style.css">
,but i cant find this file.
Leave a comment on Gonchar Denys's reply
Re: Slider range
7 years ago
Add this to the demo page and you get violet sliders
- <style>
- .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
- background: violet;
- }
- </style>
If you create a file /resources/demos/style.css on your server you could put the CSS in there. But since it’s not for a demo, that would be a bad name.
I find which part of the page I want to re-style with Chrome/Safari’s web inspector, then I can play with the CSS values live until I like it, then I move them to my site.
JΛ̊KE
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Gonchar Denys's question
Statistics
- 3 Replies
- 2210 Views
- 1 Followers