nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

how to change the coordinate-conversion button color

RichardRhone

I want to change the color of the coordinate-conversion button only. have tried

.esri-widget--button
{
background-color:blue;
}

but this changes all widgets

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Ah. So you want this then:

<SPAN class="selector token">.esri-coordinate-conversion .esri-widget--button</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> blue<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

RichardRhone

That's the result i got too. However, I actually want to change the button circled below to blue

RobertScheitlin__GISP

Richard,

Hmm... That is exactly what it does for me.

I want to change the select button

RichardRhone

Thanks for the reply, Robert. However, this changes the select. I want to change the select button as seen below

RobertScheitlin__GISP

Richard,

Use this rule then:

<SPAN class="selector token">.esri-coordinate-conversion__select-row</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN>blue<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.