Angular ui-select : Change theme

Question

I'm here for a question

What is the best way to change the theme of ui-select input fields, Hack CSS ? Do you have other leads?

Sagiliteste, have you considered selecting an aswer as "Accepted"? — lealceldeiro
– lealceldeiro, Commented Nov 6, 2017 at 19:03

lealceldeiro · Accepted Answer · 2017-04-10 15:16:02Z

2

As per documentation you can set a theme for all ui-select in your app by doing this:

app.config(function(uiSelectConfig) {
  uiSelectConfig.theme = 'bootstrap';
  //... other config options
});

... or for a specific ui-select with this code:

<ui-select theme="bootstrap">
    ...
</ui-select>

Available themes are: bootstrap, select2 and selectize

If you want to set a custom css rules for any specific element generated by the ui-select directive you should create a custom css file and override the rules defined in the ui-select's css file

edited Apr 10, 2017 at 15:16

answered Apr 10, 2017 at 15:07

lealceldeiro

15.1k7 gold badges54 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

This one better to customize with CSS.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Apr 10, 2017 at 15:12

vovchisko

2,2971 gold badge24 silver badges29 bronze badges

Collectives™ on Stack Overflow

Angular ui-select : Change theme

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related