el-select设置高度超过省略
时间: 2023-08-17 18:09:49 浏览: 85
js下拉框里超过变成省略号
对于 `el-select` 组件,你可以通过设置 `popper-class` 属性来自定义下拉框的样式。你可以创建一个 CSS 类,将其应用于 `popper-class` 属性,然后在该类中设置下拉框的最大高度和溢出内容的处理方式。例如:
```html
<el-select popper-class="custom-popper" ...>
<!-- select options -->
</el-select>
```
然后在你的样式表中:
```css
.custom-popper {
max-height: 200px; /* 设置下拉框的最大高度 */
overflow: auto; /* 溢出内容时显示滚动条 */
}
```
通过这种方式,你可以限制下拉框的高度,并在内容溢出时显示滚动条。请根据你的需求调整 `max-height` 属性的值。希望对你有所帮助!如果还有其他问题,请随时提问。
阅读全文