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

鼠标点击输入,显示边框颜色的闪光,修改并隐藏实例。
这个例子是在项目中,效果是使效果是点击图片按钮,切换图片效果:

HTML代码如下所示:

js代码如下所示:
$(文档)Ready(函数(){)
$(。dbox3ulimg)。Click(function(){)
$(。dbox3ulimg )Toggle();
});
});
单击图片按钮的时刻如下:
但在点击图片按钮的那一刻,图像会出现淡蓝色的边框,然后在松开鼠标的瞬间消失。为了消除即时点击颜色效果,可以通过焦点伪类来实现。具体代码如下:

1。去掉(隐藏)边界的颜色
输入:焦点{
大纲:无;
}
再次点击图片按钮。你没有图像中的浅蓝色边界颜色,你可以正常切换图片。
2。修改边框的颜色
输入:焦点{
概述:1px solid红;
}
同样的,将边框的颜色改为红色,如下所示:
以上是鼠标点击输入了萧边,显示即时的边框颜色,修改和隐藏所有的示例内容,我希望你能支持它。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部