" de la page enfin, dans le paramètre skin du ; Méthode "layer.open()" qui définit le calque pop-up Appelez le style CSS pour modifier la couleur du bouton du calque popup."/> " de la page enfin, dans le paramètre skin du ; Méthode "layer.open()" qui définit le calque pop-up Appelez le style CSS pour modifier la couleur du bouton du calque popup.">

Maison  >  Article  >  interface Web  >  Comment modifier la couleur du bouton du calque contextuel dans layui

Comment modifier la couleur du bouton du calque contextuel dans layui

藏色散人
藏色散人original
2020-12-04 09:26:464505parcourir

La méthode pour modifier la couleur du bouton du calque popup dans layui : ouvrez d'abord le fichier de code correspondant ; puis définissez le style du bouton du calque popup dans la page "c9ccee2e6ea535a969eb3f532ad9fe89" "Le paramètre skin de la méthode layer.open()" pour modifier la couleur du bouton du calque contextuel en appelant le style CSS.

Comment modifier la couleur du bouton du calque contextuel dans layui

L'environnement d'exploitation de ce tutoriel : système Windows 7, layui version 2.4. Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel de base de JavaScript" "Tutoriel layUI"

Comment définir le bouton du calque contextuel dans 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>

Définissez le style du bouton du calque contextuel dans la balise pagec9ccee2e6ea535a969eb3f532ad9fe89, puis appelez le style CSS dans le paramètre skin de la méthode layer.open() qui définit le calque contextuel pour modifier la couleur du bouton du calque contextuel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn