Autocomplete 角度材质2自动完成选项行大小

Autocomplete 角度材质2自动完成选项行大小,autocomplete,angular-material2,Autocomplete,Angular Material2,是否有指令、样式或CSS设置允许更改选项的行大小 选项之间似乎相距很远 我可以更改字体和行高,但不能更改行高 谢谢 在标记中,您可以放置这样的内联样式style=“height:30px” 我根据material2示例创建了这个 <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state" style="heig

是否有指令、样式或CSS设置允许更改选项的行大小

选项之间似乎相距很远

我可以更改字体和行高,但不能更改行高

谢谢

标记中,您可以放置这样的内联样式
style=“height:30px”

我根据material2示例创建了这个

<md-autocomplete #auto="mdAutocomplete">
  <md-option *ngFor="let state of filteredStates | async" [value]="state" style="height: 30px">
    {{ state }}
  </md-option>
</md-autocomplete>

{{state}}

你就不能添加这个css吗

.mat-option {
  height: 25px;
  font-size: 12px;
}
或在旧版本的材料中:

.md-option {
  height: 25px;
  font-size: 12px;
}

它可以正常工作,但背景和字体会被切断,减小字体大小会使背景高光在两行之间偏移。我想我需要再弄乱一点风格。非常感谢您为本期Nehal所做的努力和提出的想法。问题是,当使用箭头键浏览列表时,列表的上卷速度比需要的快得多,因为material认为每个选项的高度都是48 px。对我有效的是选择器:
mat option{..css}
(开头没有句点)