bootstrap-tagsinput 修改分隔符. 修改css长度等

本文介绍了如何修改bootstrap-tagsinput库的默认配置,包括将分隔符从逗号更改为分号,以及调整确认键只包含回车。此外,还展示了如何定制CSS样式以改变输入框的宽度和字体大小。尽管提供了这些修改建议,但作者在结尾幽默地提示读者可能需要考虑其他替代方案。
摘要由CSDN通过智能技术生成

直达地址 https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/issues/3
在 bootstrap-tagsinput.js file修改

var defaultOptions = {
    //original
    delimiter: ' ,',
    
    //replace with
    delimiter: ' ;',
  };

因为bootstrap-tagsinput在输入逗号’,'时候会自动分割字符. 也是在bootstrap-tagsinput.js修改
confirmKeys: [13,44], 改为 confirmKeys: [13],

想修改css样式长度,字体大小

.bootstrap-tagsinput {
            width: 100% !important;
        }
        .bootstrap-tagsinput .tag {
            font-size: 18px;
        }

最后的建议,别用这个bootstrap-tagsinput,开玩笑的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值