type="textarea"修改el-input disabled状态下的字体颜色
时间: 2024-01-11 16:02:33 浏览: 46
可以使用以下 CSS 代码修改 el-input disabled 状态下的字体颜色:
```css
.el-input.is-disabled input {
color: #c0c0c0; /* 修改为自己需要的颜色 */
}
```
这样就可以将 disabled 状态下的字体颜色修改为灰色(#c0c0c0),你可以根据自己的需要修改颜色值。
相关问题
vue2 el-input type=textarea disabled怎么修改placeholder颜色
对于 `type='textarea'` 的 `el-input` 组件,你可以通过下面的 CSS 代码来修改禁用状态下的 placeholder 颜色:
```css
.el-input.is-disabled textarea::-webkit-input-placeholder {
color: #999; /* 你想要的颜色 */
}
.el-input.is-disabled textarea::-moz-placeholder {
color: #999; /* 你想要的颜色 */
}
.el-input.is-disabled textarea:-ms-input-placeholder {
color: #999; /* 你想要的颜色 */
}
```
在这个代码中,`.el-input.is-disabled` 选择器选择了禁用状态下的输入框,`textarea::-webkit-input-placeholder`、`textarea::-moz-placeholder` 和 `textarea:-ms-input-placeholder` 选择器分别选择了不同浏览器中的 placeholder 文本。你可以修改 `color` 属性的值来改变 placeholder 的颜色。
el-input type=textarea高度
el-input type=textarea的高度可以通过设置rows属性来控制,例如:
<el-input type="textarea" :rows="5"></el-input>
这样就可以将高度设置为5行的高度。如果需要自适应高度,可以设置autosize属性为true,例如:
<el-input type="textarea" autosize></el-input>
这样输入框的高度会根据内容自适应。