layui页面按钮鼠标悬浮使用禁止提醒图片样式


优化页面中,想用日历中不可选时,鼠标悬浮时的禁止图片提示效果,用到自己页面中。

查询结果

.button[disabled]:hover {
cursor: not-allowed;
}

得到启发,在自己项目中搜寻该样式在哪个css文件中:

搜索结果:

.layui-disabled, .layui-disabled:hover {
color: #d2d2d2 !important;
cursor: not-allowed !important;
}

然后直接在自己页面中引用样式:

<button class="layui-btn layui-disabled" style="color:gray" disabled="disabled">详情</button>

得到自己想要的效果

 

嘿嘿,很有成就感,自己害怕的前端各种小样式都慢慢克服了!

 提示:

https://segmentfault.com/q/1010000006702628?_ea=1115680


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM