Community
Q&A
Confluence
Questions
How do I change the tint colour from around the confluence searchbox?

How do I change the tint colour from around the confluence searchbox?

When you click into the search box in the top right of the screen, the box is highlighted blue around the edges. How do I change this highlight colour? Is it in CSS?

2 answers

1 accepted

Comments for this post are closed

Community moderators have prevented the ability to post new answers.

1 vote

Answer accepted

Alternatively you can set outline: none; - take a look at http://jsbin.com/ekateg/1/

You need to set a background or border in order for it to work in Firefox. This might be better than the heavy-handed approach presented by Oliver.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Thanks Sean, that worked a treat.

For reference to others, the CSS code is:

input {
  background-color: #fff;
  border: 1px solid #999;
  outline: none;
}

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

2 votes

If I understood you correct you mean the highlighting, which is comming from the browser.

this is a html5 thing. I struggled around a lot, as I wrote a theme for confluence.

its really hard tu supress this ;-)

something to read: http://css-tricks.com/webkit-html5-search-inputs/

what I've done:

input[type="search"] {

    -webkit-appearance: textfield;

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    display: none;

}



/*http://css-tricks.com/webkit-html5-search-inputs/*/

I hope this helps

cheers

oli

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Was this helpful?

Thanks!

Confluence

Forums

Q&A

Community resources

Support

Top groups

Community resources

Support

Learn

Community resources

Support

Events

Community resources

Support

How do I change the tint colour from around the confluence searchbox?

2 answers

1 accepted

Comments for this post are closed

Was this helpful?

Thanks!

TAGS

Atlassian Community Events