blob: e3bd2363df6b0b8142e51ba31adddf51f00f8e00 [file] [log] [blame]
<html>
<head>
<style>
map { outline-color: red; }
</style>
<script>
window.onload = function()
{
document.getElementById("area").focus();
}
</script>
</head>
<body>
<p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that the focus ring color is not inherited for an &lt;area&gt; (by default) as per <a href="http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines">section 18.4 "Dynamic outlines: the 'outline' property" of the CSS2.1 spec</a>. This test FAILED if a red-colored focus ring is drawn around the &lt;area&gt; in the imagemap (below).</p>
<map name="imagemap">
<area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/>
</map>
<img src="imagemap.jpg" width="128" height="128" usemap="#imagemap" />
</body>
</head>
</html>