解决办法: 给按钮添加样式默认样式,默认样式会覆盖掉focus的样式,再添加上hover样式,这样就能实现将鼠标放在按钮上时会改变样式,但是点击按钮后样式自动恢复到点击前的样子。 以一个默认按钮和一个主要按钮为例,给出代码 第一步:给button添加class <el-buttonclass="default-button-style">默认按钮</el-button><el...
el-button实现点击按钮更换背景色并自动回显原来的样式 场景:点击按钮的会更改背景色会自动回显默认样式 点击之前: 点击之后自动又恢复点击前样式 实现:我用得是element-ui的el-button组件实现,代码如下 在template中 设置一个id 1 <el-buttonclass="downloadBtn" id="resetFormBtn" @click="downloadBtn">报表下载...
想要按钮弹起后去掉样式其实也简单,自己写个指令加在el-button上,里面监听click事件,监听到后在body上click下,或者放个隐藏的button,在这个button上点下。 要么在app里监听body的点击事件,使用事件捕获,如果event.target 是el-button,则在别的地方click下 norangit commentedon Jun 22, 2022 norangit 暴力一点,直接...