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