Blue activation border on buttons in Sugarcube

Claretta

I can't figure out what the CSS reference to this blue border that appears on the save and restart game buttons in SugarCube (picture attached). These are not normal or mouse hover borders, they appear for a split second when you click the link. And with a red and black scheme, they look really ugly.

I've changed everything I can think of in the CSS and it refuses to go away! So am wondering if anyone can point me to the right CSS entry.

EDIT: NVM, figured it out. Need to add

outline : none;

to the ui active css.

greyelf

I'm guessing you are using Chrome and what you are seeing is its "input focus" highlight used to help people know which input / button has focus.
It can help people with visual problems.

You can change it by using the outline property.

example:


button, button:hover {
background-color: red;
border-color: red;
/*outline: none;*/
outline-color: orange;
}