22 lines
781 B
HTML
22 lines
781 B
HTML
<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 <area> (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 <area> 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>
|