layui点击后变颜色

您可以使用 layui 提供的按钮样式来实现点击后变色的效果。具体做法如下：

1. 在按钮的 `class` 属性中添加 `layui-btn` 和 `layui-btn-normal` 样式，如下所示：

<button class="layui-btn layui-btn-normal">点击按钮</button>

2. 使用 JavaScript/jQuery 绑定按钮的 `click` 事件，当按钮被点击时添加 `layui-btn-danger` 样式，如下所示：

<script>
$(document).ready(function(){
    $(".layui-btn").click(function(){
        $(this).addClass("layui-btn-danger");
    });
});
</script>

这样，当用户单击按钮时，按钮就会变成红色。您可以根据需要修改样式名称和颜色值。

相关问题

layui弹窗点击外面不关闭

可以通过设置弹窗遮罩层的属性来实现点击外面不关闭弹窗的效果。具体实现方法如下：

1. 弹窗遮罩层设置：

<div class="layui-layer-shade" style="background-color: #000; opacity: 0.3; z-index: 19891014;"></div>

其中，opacity 属性决定了遮罩层透明度，可以根据需要进行调整。

2. 弹窗设置：

layer.open({
    type: 1,
    title: '弹窗标题',
    content: '弹窗内容',
    area: ['500px', '300px'],
    shade: [0.3, '#000'], // 弹窗遮罩层
    shadeClose: false // 设置点击遮罩层不关闭弹窗
});

其中，shade 属性设置了遮罩层的透明度和颜色，shadeClose 属性设置为 false，表示点击遮罩层不关闭弹窗。

以上是基于 layui 的实现方法，如果是其他框架或原生 JavaScript 实现，可以参考类似的思路。

layui单选按钮点击改变单选按钮里面圆的颜色

你可以使用 layui 的 form 模块的 on() 方法监听单选按钮的点击事件，然后通过 jQuery 改变选中单选按钮的样式来改变圆的颜色。具体操作步骤如下：

1. 给单选按钮添加 lay-filter 属性，用于监听点击事件。

<input type="radio" name="sex" value="男" title="男" lay-filter="sex">
<input type="radio" name="sex" value="女" title="女" lay-filter="sex">

2. 使用 layui 的 form.on() 方法监听单选按钮的点击事件。

layui.use('form', function(){
  var form = layui.form;
  
  // 监听单选按钮点击事件
  form.on('radio(sex)', function(data){
    // 获取选中的单选按钮
    var checked = $(data.elem).parents('.layui-form-radio').find('.layui-anim');
    // 改变选中单选按钮的样式
    checked.css('background-color', '#5FB878');
  });
});

上述代码中，我们首先使用 layui.use() 方法加载 form 模块，然后使用 form.on() 方法监听单选按钮点击事件。当单选按钮被点击时，我们使用 jQuery 找到选中单选按钮对应的样式元素，然后改变其背景颜色即可。