how to remove unwanted box in ui-select?

Question

Using Angular and multi ui-select, the select box shows an unwanted "extra" box (see picture). How can I remove this?

enter image description here Code:

      <ui-select multiple ng-model="definition.attachments" theme="bootstrap">
        <ui-select-match >{{$item.name}}</ui-select-match>
        <ui-select-choices repeat="template.id as template in templates">{{template.name}}</ui-select-choices>
      </ui-select>

Inspect the elements class then add `display:none` in the css? — rjmacarthy, Apr 01 '15 at 09:24

score 4 · Answer 1 · answered Jun 13 '15 at 01:22

4

This is most likely caused by failing to include the select.css file in your index.html file. Add the following to your <head> tag in your index.html:

<link rel="stylesheet" href="path/to/select.css"/>

answered Jun 13 '15 at 01:22

Blake Mumford

17,201
12
49
67

1

i have been searching for days....the missing stylesheet was the reason. You conquered my heart... – messerbill Oct 02 '16 at 23:17

how to remove unwanted box in ui-select?

1 Answers1