有没有办法在< area>周围放置边框?
我需要这样做来测试一个imagemap,但这不起作用:
area {
outline: 1px solid red;
border: 1px solid red;
}
最佳答案
如果您愿意使用Javascript,请将mouSEOver / mouSEOut事件监听器添加到< area>元素和.focus()/.blur().
演示:http://jsfiddle.net/ThinkingStiff/Lwnf3/
脚本:
var areas = document.getElementsByTagName( 'area' );
for( var index = 0; index < areas.length; index++ ) {
areas[index].addEventListener( 'mouSEOver',function () {this.focus();},false );
areas[index].addEventListener( 'mouSEOut',function () {this.blur();},false );
};
HTML:
CSS:
#map {
height: 245px;
width: 180px;
}