Geek Answers Handbook

How to set ui-select size?

I am using ui-select with bootstrap. as you know bootstrap has input-lg, input-sm ... but is there a good way to resize ui-select?

+4
source share
1 answer

Could you tell me what is the “good way” for you? If CSS is good enough, then you can style elements with it, it will look like this.

.form-input-sm .ui-select-toggle {height: 40px}

This is for plain HTML:

<ui-select theme="bootstrap" ng-model="model">
  <ui-select-match placeholder="Placeholder"></ui-select-match>
  <ui-select-choices refresh-delay="0" repeat="item in roleList">
    <div>{{item.name}}</div>
  </ui-select-choices>
</ui-select>

And I'm not a wizard, I don’t know that selectors just look at the HTML here. If you need to find the right selectors, you can use the browser developer tools. The same method is used to override all default styles in Bootstrap, for example.

+1
source

More articles:


All Articles