如何调整AngularJS材质选择框的高度？

我有以下代码

<md-input-container style="margin-right: 10px;width: 13%;"  class="ScenarioDetailsDropdown" >
        <h4    class="LabelsPageOne">Geography Type</h4>

        <md-select ng-model="GeographyType" ng-change="SelectGeographyType()" >
          <md-option   ng-repeat="(index,ModelTableRow) in ModelTable | unique:'geographyType'" ng-value="ModelTableRow.geographyType" >{{ModelTableRow.geographyType}}</md-option>
        </md-select>

</md-input-container>

地理类型
{{ModelTableRow.geographyType}

如何降低选择框的高度？ 另外，如何减少md输入容器中的顶部填充？ 我试着用这个：

<md-input-container style="margin-right: 10px;width: 13%;" class="ScenarioDetailsDropdown" style="padding : 0px 0px !important;margin:0px 0px;" >

但是，它不起作用。 你能帮我做这个吗？？

---

谢谢

这就是你想要的东西吗

加价

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp" style="padding:100px">
  <md-input-container  class="ScenarioDetailsDropdown" >
    <h4 class="LabelsPageOne">Geography Type</h4>
    <md-select ng-model="GeographyType" ng-change="SelectGeographyType()" md-container-class="mySelect">
      <md-option   ng-repeat="(index,ModelTableRow) in ModelTable" ng-value="ModelTableRow.geographyType" >{{ModelTableRow.geographyType}}</md-option>
    </md-select>
  </md-input-container>
</div>

---

您必须创建一个自定义指令来支持基于常规

元素的此类自定义。不幸的是，Angle Materials

md select

元素没有提供任何相关选项。

Hi@camden\u kid……非常感谢……我需要两样东西……1。减少顶部的余量，2。降低白色选择框的高度…您已经向我展示了如何降低顶部的边距…这样就解决了我的问题1…您还可以向我展示如何降低白色选择框的高度吗？…谢谢@Sabyasachi见更新。特别是

md select value

的CSS。

.ScenarioDetailsDropdown {
  margin: 0;
  background: green
}

.ScenarioDetailsDropdown h4 {
  margin: 0;
}

.ScenarioDetailsDropdown md-select {
  background: white;
}

.ScenarioDetailsDropdown md-select md-select-value {
  height: 20px;
  min-height: 20px;
}

.mySelect {
  margin-top: 25px;
  margin-left: 20px;
}