layui中layui-form与select2下拉多选样式冲突的解决方案

本文介绍了解决layui框架中layui-form组件与select2插件在下拉多选样式上发生冲突的方法。通过注释掉search按钮的样式并使用jQuery删除多余元素,实现了两者的兼容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

layui中layui-form与select2下拉多选样式冲突的解决方案@TOC

去掉搜索按钮

  1. 打开控制面板f12 查看元素
    在这里插入图片描述

可以看到搜索按钮是由after动态生成,找到这个样式文件,然后注释

  1. 清除浏览器缓存(ctrl+shift+del),刷新,可以看到
    在这里插入图片描述
    小按钮已经没有了。

去除layui-form的搜索框

layui-form
还是老样子 查看页面元素f12
layui-form
确定元素所在位置,通过jquery删除

$(".select2").next().remove();

删除后的效果
删除后的图片

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值