AngularJS - how to style md-select dropdown?

1.2k Views Asked by At

I am new to "angularjs".

I need to give border to the dropdown and set font size of the contents of the dropdown. I tried to style in the following manner, but it doesn't work -

<md-input-container style="font-size:11px;font-family:verdana;border-width:2px;border-color:darkgray">
  <md-select ng-model="anfcntrl.selbndlegalentities" multiple="">
    <md-option ng-value="legalentity.name" ng-repeat="legalentity in anfcntrl.bndlegalentities"
    style="font-size:11px;font-family:verdana;border-width:2px;border-color:darkgray">{{legalentity.name}}
    </md-option>
  </md-select>
</md-input-container>

Question: Is there a way to give border to the dropdown and set font size of the dropdown items?

1

There are 1 best solutions below

4
Tranquillity On BEST ANSWER

Example applying green border:

md-select-menu md-content md-option {
     border:1px solid green;
     font-size: 10px;
}