如何調整角度材料選擇框的高度？

我有以下代碼如何調整角度材料選擇框的高度？

<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>

如何減少選擇框的高度？另外，如何減少md-input-container中的頂部填充？我試過用這個：

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

但是，它不工作。你能幫我做這個嗎？謝謝！

來源

2016-08-22 Sabyasachi

這是你以後的事情嗎？ CodePen

標記

<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>

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; 
}

來源

2016-08-22 14:58:01

嗨@camden_kid ....非常感謝....我需要兩件事... 1。減少頂部邊緣，2.減少白色選擇框的高度....你已經告訴我如何減少頂部的邊緣....所以這就解決了我的問題沒有。 1 ....你還可以告訴我如何降低白色選擇框的高度？...謝謝你！ – Sabyasachi

@Sabyasachi查看更新。特別是'md-select-value'的CSS。 –

@camden_kid ....非常感謝！ – Sabyasachi

你必須創建一個自定義指令來支持這種基於正則<select></select>元素定製。不幸的是，Angular Materials md-select元素不提供任何相關選項。

來源

2017-01-20 13:14:24

如何調整角度材料選擇框的高度？

回答

相關問題