Question

Buttons have ugly border (see img)

3

So i've seen this a number of times, and clients have even submitted these as "design bugs" But when you select tabs, or other items there seems to be a wierd selection field around it, I think this is a browser thing, but does anyone know how to remove it? I feel it also breaks the illustion of having a nicely designed application.

asked 2018-05-16

Jason Teunissen

2 answers

6

I believe that is the default Mendix styling for :focus.

Setting this (pseudo-code) should remove it.

*:focus {border: none;}

answered 2018-05-16

Robert van 't Hof

Ronnie van Doorn · Accepted Answer · 2018-05-16

it is called outline.

more info: http://www.outlinenone.com/

"This is especially useful for folks who can't use a mouse or have a visual impairment. If you remove the outline you are making your site inaccessible for these people."

If you know for sure, your users aren't visual impaired you can remove it with this css:

/* remember to define focus styles! */
:focus {
outline: 0;
}