Remove clear all - cross icon from single selection dropdown

[nikhilghodke17]

I need to remove the cross icon from single selection dropdown.

Version angular2-multiselect-dropdown: ^4.6.3

Expected Behaviour A clear all - cross icon can be removed from the dropdown.

Screenshot

[nagulapallinaveen]

CSS for removing Cross Icon: / CSS For GroupBy Checkbox Removal and Making the GroupBy Header Font Bold / `.pure-checkbox input[type=checkbox]+label:before{ display: none !important; pointer-events: none !important; } .pure-checkbox.grp-item input[type=checkbox]+label:before { display: block !important; pointer-events: visible !important; } .pure-checkbox input[type=checkbox]+label { pointer-events: none !important; font-weight: 600 !important; padding-left: 0 !important; } .pure-checkbox.grp-item input[type=checkbox]+label { font-weight: 300 !important; padding-left: 2em !important; }

.lazyContainer li.grp-title{ pointer-events: none !important; } .pure-checkbox input[type=checkbox]+label:after{ visibility: hidden; } .pure-checkbox.grp-item input[type=checkbox]+label:after{ visibility: visible; } `

[psenechal]

I have use cases where I have clearable and non-clearable Dropdowns on the same page, so a global CSS option wouldn't work in this case. I haven't looked into how ng-select implements their [clearable] input, but something like that would be preferable IMO.