mdbootstrap / bootstrap-templates

A collection for Bootstrap 5 templates.

Home Page:https://mdbootstrap.com/freebies/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Can we change the close icon "x" on right hand side ?

hkbeer opened this issue · comments

Can we change the close icon "x" on right hand side ?
eg what if I want to change it to "+" ?

Which line of code I can change in js / css ?

Yes it is possible to change
You can change the following section in bootstrap-tagsinput.css file
change this section

.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; }
to
.bootstrap-tagsinput .tag [data-role="remove"]:after { font-family: FontAwesome; content: "\f057"; padding: 0px 0px; font-size: 12px; color:red; }