hi,
I'm using Drupal for a website, and I've a link "Unselect All" to deselect all items.
How can I remove the dotted line around "Unselect All" when I click on it ?????
This is the link: http://www.sanstitre.ch/drupal/
thanks
+1
A:
a.bef-toggle:link, a.bef-toggle:visited, a.bef-toggle:active {
outline: none;
}
Please take heed of David's comments on the question though, this has accessibility side effects that you need to be aware of.
roryf
2010-04-12 10:42:17
The focus marker will be reveled as soon as the mouse button is released (and the element is no longer `:active`)
David Dorward
2010-04-12 10:43:36
Versions of IE prior to 8 do not support the `outline` property. Just something to be aware of.
Syntactic
2010-04-12 10:45:30
Now you've edited it … the `:active` selector is redundant. You could get the same effect with `a.bef-toggle`
David Dorward
2010-04-12 10:53:59
A:
I simply set outline to none for all and any link:
a {
outline: none;
}
Side Note: This property does not work however in IE < 8.
Sarfraz
2010-04-12 10:54:12
How do you indicate `:focus` to users in the absence of an outline?
David Thomas
2010-04-12 11:11:30
@ricebowl: I have set the style for links only and i don't indicate focus on links other than changing their styling to make them selected/focused.
Sarfraz
2010-04-12 11:13:56
You can't change their style to make them selected/focused. That is a state governed by the user interacting with the document. This code changes their style so the user cannot tell when they are focused (which is a user hostile thing to do and needs you to indicate the focus in some other way … which is what ricebowl was asking about).
David Dorward
2010-04-12 13:03:16
@David Dorward: I did not mean selecting like what is done by the outline propery, what i meant was changing the color of the link based on a particular page i am on, for example.
Sarfraz
2010-04-12 13:07:18
That's a completely different issue. Knowing where the focus is tells you what happens if you press "Enter" (or equivalent) and suggests where you will go next when you press "Tab" (or equivalent).
David Dorward
2010-04-12 14:18:42