el-slider修改关联input的宽度
时间: 2023-01-16 17:11:10 浏览: 371
react-input-slider:React输入滑块组件
el-slider 是 Element UI 中的一个组件,用于在界面上显示滑块。
如果你想修改 el-slider 关联的 input 的宽度,你可以通过设置 el-slider 的 style 属性来实现。
例如,如果你想将 el-slider 关联的 input 的宽度设为 300px,你可以这样写:
```
<el-slider v-model="value" style="width: 300px"></el-slider>
```
你也可以使用 CSS 类来修改 el-slider 关联的 input 的宽度,例如:
```css
.my-slider .el-input {
width: 300px;
}
<el-slider v-model="value" class="my-slider"></el-slider>
```
注意:如果你修改了 el-slider 关联的 input 的宽度,你可能也需要修改 el-slider 的高度,以使滑块的显示效果看起来更好。
阅读全文