Hi everyone!
Could you tell me how I can remove this black frame from the search bar?
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!
Black frame in selected search bar
Black frame in selected search bar
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.
-
- Senior Propellus Maximus
- Posts: 3669
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: Black frame in selected search bar
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
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
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
Re: Black frame in selected search bar
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 I suppose I can add this:
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.
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 I suppose I can add this:
Code: Select all
.search-field:focus
{
outline: 4px dotted #e73;
outline-offset: 4px;
background: #ffa;
}
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.