Can the zoom slider tick marks be styled?

TyroneLigon

Our map service is dark gray, so the tick marks are very hard (if not impossible) to see. I'm sure there's a way to change the tick mark color, but I haven't found the magic handle; I tried ".esriLargerSliderTicks" and ".esriLargeSliderVertical .esriLargeSliderTicks", setting both to "color: white !important;".

Thanks,

derekswingley1

Yes. After you include a link tag that references esri.css, use a style tag or another link to a CSS file that defines a color for the .esriSimpleSlider class like so:

.esriSimpleSlider {   color: blue; }

Note that there's not need for !important. Example:  http://jsbin.com/IbisUJet/1/edit

Edit:  just realized you're talking about the larger slider tick marks. For that, you have to re-define some dijit theme rules. We have an old sample that shows that (ignore the thumbnail, look at the live sample):  https://developers.arcgis.com/en/javascript/jssamples/mapconfig_customlabels.html

When using the claro theme, the relevant CSS looks like this:

.claro .dijitRuleMark {   border: 1px solid #fff; }