首頁  >  文章  >  web前端  >  layui修改彈出層按鈕顏色的方法

layui修改彈出層按鈕顏色的方法

藏色散人
藏色散人原創
2020-12-04 09:26:464485瀏覽

layui修改彈出層按鈕顏色的方法:先開啟對應的程式碼檔案;然後在頁面「c9ccee2e6ea535a969eb3f532ad9fe89」標籤中設定彈出層按鈕樣式;最後在定義彈出層的「layer.open( )”方法的skin參數中呼叫css樣式即可修改彈出層按鈕顏色。

layui修改彈出層按鈕顏色的方法

本教學操作環境:Windows7系統、layui2.4版,此方法適用於所有品牌電腦。

推薦:《javascript基礎教學》《layUI教學

layui中設定彈出層按鈕的方法:

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>

在頁面c9ccee2e6ea535a969eb3f532ad9fe89標籤中設定彈出層按鈕樣式,然後在定義彈出層的layer.open()方法的skin參數中呼叫css樣式即可修改彈出層按鈕顏色。

以上是layui修改彈出層按鈕顏色的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn