0

I want remove the blue box coming in the Select2 dropdown menu. This is a multiple section box.

enter image description here

<select class= "form-control select2" id="print" multiple= "multiple">

$(".select2").select2({
    width:"100%",
    allowClear: true,
    tag: false, 
    placeholder: "Select"
});

What I am doing wrong here? Please help.

Rory McCrossan
  • 331,213
  • 40
  • 305
  • 339
user3165121
  • 51
  • 5
  • 1
    That looks like a CSS related problem. Right click the element in your browser and inspect it. Check the CSS rules on the element for a `border` rule, and then find what file and line its on. Then you can just amend/remove that line of CSS code. – Rory McCrossan Oct 17 '17 at 15:39
  • similar question - https://stackoverflow.com/questions/33413051/remove-select2-border-on-active-of-select-element – Pravin W Oct 17 '17 at 15:42
  • You should change in css, if i sit front of my computer then i can share with you which class should be changed – Ferhat BAŞ Oct 17 '17 at 15:42

1 Answers1

-1

Add this code too correct css to remove it:

border: "none";

I think it should go here:

$(".select2").select2({
    width:"100%",
    border: "none",
    allowClear: true,
    tag: false, 
    placeholder: "Select"
});