Let me start by saying I am very new to HTML, CSS, and JS.
I have added a scalebar to my map and figured out how to add a halo around the labels so they can be seen better against dark or light backgrounds, but I can't seem to replicate this on the line itself. Below is the sample I found online that i'm using for the labels.
My bar currently looks like this:
And I need it to look more like this:
Notice the 1px white outline surrounding the line? I need that! Any ideas on how to do that? Am I using the wrong selector? Not too sure where to go from here, so any help is greatly appreciated.
Thanks!
أكثر...
I have added a scalebar to my map and figured out how to add a halo around the labels so they can be seen better against dark or light backgrounds, but I can't seem to replicate this on the line itself. Below is the sample I found online that i'm using for the labels.
.esriScalebarLabel, .esriScalebarLineLabel, .esriScalebarSecondNumber, .esriScalebarLabelDiv { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
I have tried applying this same code (along with other CSS properties like box-shadow, outline, text-shadow) to the .esriScalebarLine selector but the closest I have gotten is a boarder around the lines container, and not the actual line itself.
My bar currently looks like this:
And I need it to look more like this:
Notice the 1px white outline surrounding the line? I need that! Any ideas on how to do that? Am I using the wrong selector? Not too sure where to go from here, so any help is greatly appreciated.
Thanks!
أكثر...