第一步:给button添加class <el-buttonclass="default-button-style">默认按钮</el-button><el-buttontype="primary"class="primary-button-style">主要按钮</el-button> 第二步:给按钮添加默认样式和hover样式 .default-button-style{background:#fff;border-color:#cbcbcd;color:#505255;}.default-button-style...
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下 norangitcommentedJun 22, 2022 暴力一点,直接覆写button的foc...
⑤ el-button按钮点击之后样式复原问题,特别是带背景图片的按钮,点击之后鼠标再悬停上去,会导致图片无法正常加载,解决方法就是给这个按钮设置一个id,并在这个按钮的点击事件中,做一些处理。 <el-button id="message_btn" style="position: fixed; margin-left: 94%; margin-top: -24%" class="el-icon-liuyan...