type="textarea"修改el-input disabled状态下的字体颜色
时间: 2024-01-11 10:02:33 浏览: 318
可以使用以下 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" class="fourMethods" v-model="diagnosisForm.inspectionIcon" :style="{ height: textareaHeight + 'px' }" placeholder="请输入" :maxlength="300" show-word-limit disabled> </el-input> 怎么修改placeholder颜色
要修改 `placeholder` 的颜色,可以使用 `::placeholder` 伪类选择器来修改。例如,如果您想将 `placeholder` 的颜色设置为红色,可以添加以下 CSS 样式:
```css
::placeholder {
color: red;
}
```
将上述样式添加到您的 CSS 文件中,即可修改 `placeholder` 的颜色。
阅读全文