这个例子是在项目中,效果是使效果是点击
图片按钮,切换图片效果:
HTML代码如下所示:
js代码如下所示:
$(
文档)Ready(
函数(){)
$(。dbox3ulimg)。Click(function(){)
$(。dbox3ulimg )Toggle();
});
});
单击图片按钮的时刻如下:
但在点击图片按钮的那一刻,图像会出现淡蓝色的边框,然后在松开
鼠标的瞬间消失。为了消除即时点击颜色效果,可以通过焦点伪类来实现。具体代码如下:
1。去掉(隐藏)边界的颜色
输入:焦点{
大纲:无;
}
再次点击图片按钮。你没有图像中的浅蓝色边界颜色,你可以正常切换图片。
2。
修改边框的颜色
输入:焦点{
概述:1px solid红;
}
同样的,将边框的颜色改为红色,如下所示:
以上是鼠标点击输入了萧边,
显示即时的边框颜色,修改和隐藏所有的示例内容,我希望你能
支持它。