鼠标点击输入,显示边框颜色的闪光,修改并隐藏实例。

这个例子是在项目中,效果是使效果是点击图片按钮,切换图片效果:

HTML代码如下所示:






js代码如下所示:


$(文档)Ready(函数(){)
$(。dbox3ulimg)。Click(function(){)
$(。dbox3ulimg )Toggle();
});
});


单击图片按钮的时刻如下:


但在点击图片按钮的那一刻,图像会出现淡蓝色的边框,然后在松开鼠标的瞬间消失。为了消除即时点击颜色效果,可以通过焦点伪类来实现。具体代码如下:

1。去掉(隐藏)边界的颜色


输入:焦点{
大纲:无;
}


再次点击图片按钮。你没有图像中的浅蓝色边界颜色,你可以正常切换图片。


2。修改边框的颜色


输入:焦点{
概述:1px solid红;
}


同样的,将边框的颜色改为红色,如下所示:


以上是鼠标点击输入了萧边,显示即时的边框颜色,修改和隐藏所有的示例内容,我希望你能支持它。