More in this section

Forums / Designing & Styling / Styling Search Box - Remove orange border

Styling Search Box - Remove orange border

2 posts, 0 answered
  1. Nicola
    Nicola avatar
    2 posts
    04 Nov 2013
    04 Nov 2013
    Link to this post
    Does anyone have any advice on removing the orange borders (or changing the colour) from the text input box and the submit input button... when you click on these elements in the site search box an orange border appears around both. I can't seem to find a CSS class for this? I have successfully styled both using .sfsearchBox .sfsearchTxt and .sfsearchBox .sfsearchSubmit... but I can not work out how to remove the orange border that appears.

  2. Svetoslav Manchev
    Svetoslav Manchev avatar
    735 posts
    06 Sep 2017
    05 Nov 2013
    Link to this post
    Hi Nikola,

    This is a CSS style property on 'focus', so you can manage it on all the elements where it is available by:
    *:focus {
      outline: none;
    or just specify the element you need.

    Svetoslav Manchev
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
2 posts, 0 answered