elementUI 中的按钮,点击后会有focus样式,且只有点击其他地方后,按钮才会失焦,样式才会恢复到点击之前的样式。例如主要按钮是亮蓝色,点击后是暗蓝色。点击其他地方才会恢复亮蓝色。 我希望将鼠标放在按钮上时会改变样式,但是点击按钮后样式自动恢复到点击前的样子。 解决办法: 给按钮添加样式默认样式,默认样式会覆盖掉...
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组件上添加@click指令,绑定一个方法来处理点击事件。 html <el-button @click="changeButtonColor" :style="{ backgroundColor: buttonColor }">点击我改变颜色</el-button> 3. 在点击事件的处理函数中改变颜色变量 在Vue组件的方法部分,定义一个changeButtonColor方法,用来在每次点击...
⑤ el-button按钮点击之后样式复原问题,特别是带背景图片的按钮,点击之后鼠标再悬停上去,会导致图片无法正常加载,解决方法就是给这个按钮设置一个id,并在这个按钮的点击事件中,做一些处理。 <el-button id="message_btn" style="position: fixed; margin-left: 94%; margin-top: -24%" ...
先统一设置按钮颜色type="primary" 点击后将颜色改为橘色效果图: 修改样式代码如下: .el-button--primary.is-active, .el-button--primary:active{ background:rgb(230, 162, 60); border-color:rgb(230, 162, 60); color:#fff; } .el-button--primary:focus, ...