How to change the color of zoom border when its click?

[altair]

please use this as a example

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=intro-mapview

and im notice that its different, `+` icon and `-` icon highlighting are different, how do i align them like how do i align the - icon?

[RickeyFight]

@altair 

You could use CSS. Here I changed it to red. 

[NateMurry]

Greetings Rickey:

I am rather new at JS API development, so please forgive any ignorance on my part.

Your answer makes sense to me if you are modifying the CSS file for a local instance of the JS API.  (I found these lines in ESRI's online version of the API, which I assume is read-only).  However, if you are not using a local instance of the JS API, which CSS file are you operating on to apply these changes?  Thank you for your time.

--NMM

[RickeyFight]

@NateMurry 

How are you planning to deploy this? With a custom webapp? Like with the sample script you linked to? 

[BlakeTerhune · Accepted solution]

Not sure if there's a better way, but you can add this to your CSS

.esri-zoom .esri-widget--button:first-child {
    margin-bottom: 2px;
}