Remove the yellow frame on the dojo buttons in chrome state

How to remove the yellow border on the buttons displayed in Google Chrome. I tried to override the style, but imagine if you need to do this for each button.

enter image description here

.dijitReset .dijitStretch .dijitButtonContents{
    outline:none;
}

Any ideas?

+5
source share
1 answer

Actually, it worked for me. I did it (since I use the claro theme)

.claro *
{
    outline: none;
}

So, when you do something like this <body class="claro"> ... </body>, it should work. I was looking for a way to do this in a few days, but your css snippet took me in the right direction.

+7
source

All Articles