modify search widget border colour

AnneShanahan

I'd like the change the border colour of the search widget. It defaults to black and I'd like to make it blue. I've tried the style.css in widget\Search\css but am having no luck. Does any one know where I can change this?

TIA

RobertScheitlin__GISP

Anne,

   So if you are wanting the background of the right and left icons to be blue then you need all these rules:

<SPAN class="selector token">.arcgisSearch .searchBtn,
.arcgisSearch .searchGroup .searchInput</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="property token">border</SPAN><SPAN class="punctuation token">:</SPAN> 1px solid #0000ff<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>

<SPAN class="selector token">.arcgisSearch .searchBtn,
.arcgisSearch .esri-icon-down-arrow</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> #0000ff<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>

<SPAN class="selector token">.jimu-widget-search .arcgisSearch .searchBtn:hover,
.jimu-widget-search .arcgisSearch .searchBtn:focus</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> #0000ff<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="property token">color</SPAN><SPAN class="punctuation token">:</SPAN> white<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.