angularjsangularjs-materialmd-select

AngularJS - how to style md-select dropdown?

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?

Solution

  • Example applying green border: 

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