layui页面按钮鼠标悬浮使用禁止提醒图片样式
2018-12-11 16:25 马尔代夫_珍 阅读(2393) 评论(0) 编辑 收藏 举报
优化页面中，想用日历中不可选时，鼠标悬浮时的禁止图片提示效果，用到自己页面中。
查询结果
.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
