How to remove visual feedback frame on Samsung Galaxy browser

Question

When a link is clicked a dark orange frame is drawn around it. Sometimes it stays till the next scroll or screen touch.

When some other elements are clicked - the orange frame appears as well sometimes by the size of the clicked element (div, canvas), sometimes bigger.

How this (platform-dependent?) visual feedback tweak is called and (main question) is there a progammatic (javascript?) way to turn it off?

score 1 · Answer 1 · answered Feb 06 '12 at 15:47

1

It sounds like that's an active style applied by the browser. Try adding this to your css:

a:active
{
    border: none;
}

Hope that helps.

Update: If that doesn't work you may want to try

outline: none;

answered Feb 06 '12 at 15:47

Alex Morales

1,166
9
13

Hello there. Just tried on both canvas and div (which embraces the canvas). No luck so far. – BreakPhreak Feb 08 '12 at 08:58
1

Interesting, glad you were able to find a solution. – Alex Morales Feb 08 '12 at 12:29

score 0 · Accepted Answer · answered Feb 08 '12 at 10:36

I had a (clickable) canvas element, surrounded by a fully transparent div. The dark orange outline was (surprisingly) generated by a div (not canvas). Even more surprising - the size of the outline was much bigger than the size of div (no other elements - checked). So, I've decided to switch the outline off and this (http://stackoverflow.com/questions/7398763/android-browser-remove-outline-border-when-anchor-is-focused) answer solved the problem.

How to remove visual feedback frame on Samsung Galaxy browser

2 Answers2