css鼠标事件（状态）

1.css样式

 <style lang="scss" scoped>.btn {background-image: url("../../assets/img/img-textSecurity/Start按钮.png");}//鼠标悬停时的状态.btn:hover{background-image: url("../../assets/img/img-textSecurity/Start按钮hover.png");}//鼠标点击前的状态.btn:link{background-image: url("../../assets/img/img-textSecurity/Start按钮hover.png");}//鼠标点击时状态.btn:active{background-image: url("../../assets/img/img-textSecurity/Start按钮active.png");}//鼠标点击后状态.btn:visited{background-image: url("../../assets/img/img-textSecurity/Start按钮active.png");}//鼠标聚焦时的状态（一般用在输入框）.btn:focus{background-image: url("../../assets/img/img-textSecurity/Start按钮active.png");}
</style>

2.悬停改变图片

<template><img@click="selectAllCollections"class="editImgSty"src="../../assets/actionIcon/not-collected.png"alt=""/>
</template>
<style>.editImgSty:hover {content: url("../../assets/actionIcon/collection.png");}
</style>

css鼠标事件（状态）相关推荐

[css] 鼠标事件css的:hover和js的mouseover有什么区别？
[css] 鼠标事件css的:hover和js的mouseover有什么区别? JavaScript中鼠标事件有:onmouseover和onmouseout: 当鼠标移入和移出时触发事件onmous ...
CSS鼠标事件和键盘事件练习
鼠标事件委托事件:给父节点添加事件移动天使: 结果: 键盘事件模仿京东输入框,按键盘S键会自动聚焦输入框
DIV CSS 鼠标事件
onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按下鼠标松开鼠标时触发 onMouseOut 鼠标移出时触发 onMouseMove 鼠标移 ...
CSS鼠标动作的五种状态[伪类选择器]
CSS鼠标动作的五种状态[伪类选择器] 注意事项设置的样式失效的情况直接跳过就行了别纠结如果发现鼠标互动没反应你要检查一下 css定义超链接是要有先后顺序的.否则,可能会出现某个或某几个样式 ...
css中的伪类on,【javascript/css】关于鼠标事件onmousexxx和css伪类hover
在运用鼠标移入移出事件时,一般有两种做法,一种是DOM事件的"onmouseover"和"onmouseout",还有一种是css的伪类":hover ...
CSS鼠标响应事件经过、移动、点击示例介绍
本文为大家介绍下CSS 鼠标响应事件:鼠标经过CSS.鼠标移动CSS.鼠标点击CSS以及示例,喜欢的朋友可以参考下几种鼠标触发CSS事件. 说明: onMouseDown 按下鼠标时触发 onMou ...
html js不触发_图文详解鼠标事件CSS:hover和JS:mouseover的区别
在工作中为了使页面更具有吸引力,前端开发人员经常会在页面中加上鼠标移入和移出的效果.鼠标移入移出的设置,一般有两种方法,一种是单纯用CSS中的hover伪类,另一种可以用JS 中的DOM事件,即onm ...
c语言鼠标移动响应,CSS鼠标响应事件经过、移动、点击示例介绍
几种鼠标触发CSS事件. 说明: onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按下鼠标松开鼠标时触发 onMouseOut 鼠标移出时触发 on ...
[css] 如何阻止:hover、:active等鼠标行为状态的触发？
[css] 如何阻止:hover.:active等鼠标行为状态的触发? css属性:pointer-events: none;应用避免重复提交---按钮点击后即增加该属性使其不链接不可跳转-- ...

css鼠标事件（状态）

css鼠标事件（状态）相关推荐

最新文章

热门文章