layui如何修改彈出層按鈕顏色

發(fā)布時(shí)間：2020-12-04 14:10:06 來(lái)源：億速云閱讀：1424 作者：小新欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)layui如何修改彈出層按鈕顏色的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

layui修改彈出層按鈕顏色的方法：首先打開(kāi)相應(yīng)的代碼文件；然后在頁(yè)面“<style>”標(biāo)簽中設(shè)置彈出層按鈕樣式；最后在定義彈出層的“l(fā)ayer.open()”方法的skin參數(shù)中調(diào)用css樣式即可修改彈出層按鈕顏色。

layui中設(shè)置彈出層按鈕的方法：

layer.open({
  skin: 'demo-class',
  content: '確認(rèn)提交？',
  btn: ["取消", "確認(rèn)"],
  yes: function (index) {
    layer.close(index)
  },
  btn2: function (index) {
    somefunciton...
  }
});
 
//在頁(yè)面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>

在頁(yè)面<style>標(biāo)簽中設(shè)置彈出層按鈕樣式，然后在定義彈出層的layer.open()方法的skin參數(shù)中調(diào)用css樣式即可修改彈出層按鈕顏色。

感謝各位的閱讀！關(guān)于layui如何修改彈出層按鈕顏色就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

layui如何修改彈出層按鈕顏色

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽