On Jun 14, 2010, at 11:03 PM, Jukka K. Korpela wrote: > I think it's more commonly called focus rectangle, and in CSS terms, it's > outline, rendered by default by popular browsers when a focusable element is > focused on.
as far as Safari goes (on OS X), it is really a focussing ring, also seen around focussed form controls. Nipicking :-). But yeah, in most browsers (I'm not sure about IE), it is controlled via the outline property. > > This seems to be a Firefox bug, as the problem does not appear on IE, and > your CSS code does not affect outline properties. It is not a bug in Firefox. The outline property is painted outside of the element. <http://www.w3.org/TR/CSS21/ui.html#propdef-outline> [quote] The outline may be drawn starting just outside the border edge. [/quote] > And it seems that you fixed it, as the problem vanished I was trying to > analyze it. :-) The focus ring in both Gecko and WebKit based browser was clipped in Davids page, by having overflow:hidden set on the parent element (div#main). That is the correct behaviour. He removed that and the issue disappeared (I suggested that in an off list message). Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [[email protected]] 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/
