javascript – 如何在区域上放置边框?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在区域上放置边框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有没有办法在< 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;
}
原文链接:https://www.f2er.com/css/427081.html

猜你在找的CSS相关文章