我需要选择框选项列表的垂直滚动条。我只需要显示列表的前几项。我对列表中的项目数量没有任何控制权。
我在这里检查了所有类似的问题，但没有任何结果。无论如何要这样做？
.wrapper{
width:200px;
padding:20px;
height: 150px;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="wrapper" ><select name="" id="" class="form-control">
<option value="">One</option>
<option value="">Two</option>
<option value="">Three</option>
<option value="">Four</option>
<option value="">Five</option>
<option value="">Six</option>
<option value="">Seven</option>
<option value="">Eight</option>
<option value="">Nine</option>
<option value="">Ten</option>
</select></div>我正在使用mat-form-field,mat-dialog-close和ng-model对话框内的属性。但它抛出错误，表示输入/按钮的属性未知。
标题dialog.html
<h1 mat-dialog-title></h1>
<div mat-dialog-content>
<p>Enter Column Name</p>
<mat-form-field>
<input matInput [(ngModel)]="data.animal" />
</mat-form-field>
</div>
<div mat-dialog-actions>
<br />
<button mat-button [mat-dialog-close]="data.animal" cdkFocusInitial>
Ok
</button>
</div>我的组件.ts
import {
Component,
OnInit,
Input,
OnChanges,
Output,
EventEmitter
} from '@angular/core';
import {
Inject
} from '@angular/core';
import {
MatDialog,
MatDialogRef,
MAT_DIALOG_DATA
} from '@angular/material/dialog';
import {
MatTableDataSource
} from '@angular/material/table';
import {
MatSnackBar
} from '@angular/material/snack-bar';
@Component({
selector: 'app-test',
templateUrl: './test.html',
styleUrls: ['./test.scss'],
})
export …我有一个只读文本框,它的值来自数据库..我不确定文本长度.客户希望该文本框是基于内容动态的.
有没有办法与纯CSS？
提前致谢
<div class="form-item ">
<label class="control-label">Task Name</label>
<input class="form-control form-text" readonly="readonly" type="text"
value="text-box width should change based on my length">
</div>