Ng-select style issue

Question

After install ng-select with :

npm install --save @ng-select/ng-select

I'm importing the material style to styles.scss with :

@import "~@ng-select/ng-select/themes/material.theme.css";

body {

But after all, the component is being presented with a very strange appearance.

Lookin at node_modules folder I can't see the ng-select folder to look at it's themes folder.

Any ideas please ?

Did it but with no results. The font is something like courier and the component caption is too small. — GCoe, Oct 16 '18 at 01:13
@GCoe Can you show your view code? That looks like a multi-select box. — Avin Kavish, Oct 16 '18 at 01:23

score 10 · Accepted Answer · answered Oct 16 '18 at 18:31

10

Solved with :

@import "~@ng-select/ng-select/themes/material.theme.css"; at styles.css

and

style="font-family: roboto" at the ng-select tag

answered Oct 16 '18 at 18:31

GCoe

Is it like this: ng-select {style = "font-family: roboto"} – Adrita Sharma Oct 19 '20 at 16:50

score 2 · Answer 2 · answered Feb 07 '22 at 04:25

2

In Angular 13 Add this code in your angular.json styles block :

       "styles": [
         ....
         ....
          "node_modules/@ng-select/ng-select/themes/default.theme.css",
        ],

answered Feb 07 '22 at 04:25

Mathulan

2 Answers2