Lauiuiでポップアップレイヤーボタンの色を変更する方法

layui メソッドでポップアップ レイヤー ボタンの色を変更します。まず、対応するコード ファイルを開き、次にページの "c9ccee2e6ea535a969eb3f532ad9fe89" タグでポップアップ レイヤー ボタンのスタイルを設定し、最後に「layer.open()」メソッドのスキンパラメータにポップアップレイヤーを追加し、CSSスタイルを呼び出してポップアップレイヤーのボタンの色を変更します。

このチュートリアルの動作環境: Windows 7 システム、layui バージョン 2.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>

pagec9ccee2e6ea535a969eb3f532ad9fe89 タグでポップアップ レイヤー ボタンのスタイルを設定し、ポップアップ レイヤーを定義するlayer.open() メソッドのスキン パラメーターで CSS スタイルを呼び出して、ポップアップ レイヤー ボタンの色を変更します。

以上がLauiuiでポップアップレイヤーボタンの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。