Re: [css-d] trying to remove outline off of image map areas
2013-04-01 21:27, Angela French wrote:
I can't get area hidefocus=true .. to work and it certainly
won't validate. Is there a way to style the outline property applied
to the area tag? I thought maybe I could make it very light gray
dotted, but that didn't have any effect in any browser. Am I using
the correct syntax?
area:focus, area:active {
outline:none; border:0; outline:#dbdadc dotted 1px; }
(That was sent to me only, but I suppose it was meant to go to the list.
And anyway, I think this belongs to the list, since my previous answer
seems to have been wrong. I was too sure about it, from memory and from
Microsoft docs, so I didn't test it on IE 10. Sorry.)
It seems that IE 10 has dropped support to the proprietary hidefocus
attribute, in all modes. Strange.
Even more strange, although the CSS code above (which is correct syntax)
does not work on IE 10, and although the simple
area { outline: none; }
does not work on it either, the CSS rule
* { outline: none; }
seems to work. I cannot imagine why.
(Removing the outline can be a usability and accessibility problem
rather than a solution to anything, but I suppose there are special
situations where it can be useful. Anyway, the technical issue is
mysterious. Using area { outline: none; }, Developer Tools in IE 10 show
outline-style: none as being applied to the area element, but still the
dotted outline appears. Perhaps IE 10 draws the outline around some
mystical pseudoelement?)
Yucca
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] trying to remove outline off of image map areas
It seems that IE 10 has dropped support to the proprietary hidefocus
attribute, in all modes. Strange.
Even more strange, although the CSS code above (which is correct syntax)
does not work on IE 10, and although the simple
area { outline: none; }
does not work on it either, the CSS rule
* { outline: none; }
seems to work. I cannot imagine why.
(Removing the outline can be a usability and accessibility problem rather than
a solution to anything, but I suppose there are special situations where it can
be useful. Anyway, the technical issue is mysterious. Using area { outline:
none; }, Developer Tools in IE 10 show
outline-style: none as being applied to the area element, but still the dotted
outline appears. Perhaps IE 10 draws the outline around some mystical
pseudoelement?)
Yucca
If I could get a dotted outline that I could style a light gray, I'd be happy.
In fact, for accessibility reasons, there needs to be some indication when the
image has focus. But I'm getting a solid black line in IE (very ugly on my
polygon shape on my white background) and no outline at all in the other
browsers. Argh.
Angela French
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] trying to remove outline off of image map areas
On 30.3.2013 1:40, Angela French wrote:
Shouldn't the following work to remove the focus outline from an image map's
areas? It does not work in IE. It works in other browsers.
map area:focus, map area:active
{outline:none;
border:0;
It should work, but IE has its oddities. It has for a long time
supported the nonstandard hidefocus attribute in HTML (and the
corresponding hideFocus property in JavaScipt). Maybe that's why
supporting the CSS is not their first priority. See
http://msdn.microsoft.com/en-us/library/ie/ms533783%28v=vs.85%29.aspx
Yucca
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] trying to remove outline off of image map areas
Sadly, IE will need Javascript to achieve this, in the form of listening for the `focus` event for each such element and triggering `blur` on it. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] trying to remove outline off of image map areas
Le 30 mars 2013 à 09:48, Barney Carroll barney.carr...@gmail.com a écrit : Sadly, IE will need Javascript to achieve this, in the form of listening for the `focus` event for each such element and triggering `blur` on it. But that is an accessibility nightmare. Just out of curiosity, is that still the case in IE 10? All pages that $search_engine found appear to be a bit oldish. And I haven't used image maps for ages. Philippe -- Philippe Wittenbergh http://l-c-n.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
