淺談layer彈出層按鈕顏色修改方法
更新時間：2019年09月11日 09:23:08 作者：wanlin77
今天小編就為大家分享一篇淺談layer彈出層按鈕顏色修改方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layer彈出層有多種格式的彈出，使用方法也不細述。
在彈出確認框可使用confirm或open方式
在open中
layer.open({
content: '確認提交？',
btn: ["確認", "取消"],
yes: function (index) {
somefunciton...
layer.close(index)
},
btn2: function (index) {
}
});
layer中確認按鈕在第一個位置，展示也是按順序展示
如果和自己項目中的風(fēng)格不一致，需要把確認按鈕和取消按鈕互換，如果只是簡單的把文字互換了，但是按鈕的顏色還是沒有變化。
這時我們需要做的有：1：變更按鈕順序，2：修改回調(diào)函數(shù)，3：修改按鈕的顏色
layer.open({
skin: 'demo-class',
content: '確認提交？',
btn: ["取消", "確認"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
}
});
//在頁面style中定義按鈕css樣式
<style>
body .demo-class .layui-layer-btn0{
border-color: #E6E3E6;
background-color: #FFF;
color: black;
}
body .demo-class .layui-layer-btn1{
border-color: #4898d5;
background-color: #2e8ded;
color: #fff;
}
</style>
這樣調(diào)用就可以實現(xiàn)了，confirm的底層實現(xiàn)也是open方式，所以confim也應(yīng)該是一樣的結(jié)果，但沒有去實驗。
以上這篇淺談layer彈出層按鈕顏色修改方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了關(guān)于List.ToArray()方法的效率測試的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
JavaScript數(shù)據(jù)類型檢測實現(xiàn)方法詳解
Javascript中檢查數(shù)據(jù)類型一直是老生常談的問題,類型判斷在web開發(fā)中也有著非常廣泛的應(yīng)用,所以下面這篇文章主要給大家介紹了關(guān)于JS數(shù)據(jù)類型檢測的那些事,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了ES10 特性的完整指南小結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要介紹了JavaScript頁面倒計時功能,結(jié)合完整實例形式分析了javascript計時器、時間運算相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS中input表單隱藏域及其使用方法講解，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
這篇文章主要幫助大家深入理解javascript模塊化，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要為大家介紹了JavaScript?弱引用強引用底層示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
url傳遞的參數(shù)值中包含&時,url自動截斷問題的解決方法
下面小編就為大家?guī)硪黄猽rl傳遞的參數(shù)值中包含&時，url自動截斷問題的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
EasyUi中的Combogrid 實現(xiàn)分頁和動態(tài)搜索遠程數(shù)據(jù)
jquery easyui中的combogrid比較特殊，算是combo和grid的組合，combogrid結(jié)合一個可編輯的文本框和下拉數(shù)據(jù)網(wǎng)格面板，可以讓用戶迅速找到并選擇，又可以進行搜索，展示與當(dāng)前輸入的字符相匹配的數(shù)據(jù)。下面給大家介紹EasyUi中的Combogrid 實現(xiàn)分頁和動態(tài)搜索遠程數(shù)據(jù)2016-04-04
微信小程序云開發(fā)使用方法新手初體驗，開發(fā)者可以使用云開發(fā)開發(fā)微信小程序、小游戲，無需搭建服務(wù)器，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05