Black frame in selected search bar

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
DAV
Propeller Head
Posts: 16
Joined: Thu Jun 14, 2012 12:05 am

Black frame in selected search bar

Post by DAV »

Hi everyone!

Could you tell me how I can remove this black frame from the search bar?
search_bar.png
You can see it in the Google Chrome here:
https://help.madcapsoftware.com/flare20 ... n/Home.htm
I think that's not cool, especially search button.

Thank you!
You do not have the required permissions to view the files attached to this post.
Last edited by DAV on Mon Jul 26, 2021 12:58 am, edited 1 time in total.
Nita Beck
Senior Propellus Maximus
Posts: 3666
Joined: Thu Feb 02, 2006 9:57 am
Location: Pittsford, NY

Re: Black frame in selected search bar

Post by Nita Beck »

This question gets asked often. That border is coming from the browser, not from anything Flare's interjected. It's the browser's focus outline, for accessibility compliance.

Other discussions about focus outline include these:

viewtopic.php?f=9&t=33329
viewtopic.php?f=9&t=32753
viewtopic.php?f=9&t=32988&p=141985
Nita
Image
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
DAV
Propeller Head
Posts: 16
Joined: Thu Jun 14, 2012 12:05 am

Re: Black frame in selected search bar

Post by DAV »

Hi Nita!

Thank you for your answer!

I read other discussions and realized the question.
Also I understood how I can change the style and tested it with example here:
https://developer.mozilla.org/en-US/doc ... SS/outline
search_bar_2.png
I suppose I can add this:

Code: Select all

	.search-field:focus
	{
		outline: 4px dotted #e73;
		outline-offset: 4px;
		background: #ffa;
	}
to the file:
C:\Program Files\MadCap Software\MadCap Flare 17\Flare.app\Resources\WebHelp2\Desktop\Skins\Default\Stylesheets\Components\Styles.css

Of course it will be refreshed after Flare update.
You do not have the required permissions to view the files attached to this post.
Post Reply