el-input disabled 字体颜色
时间: 2024-02-19 18:55:17 浏览: 179
根据提供的引用内容,可以通过以下两种方法来改变el-input disabled状态下的字体颜色:
方法一:使用CSS样式
可以通过自定义CSS样式来改变el-input disabled状态下的字体颜色。可以在样式表中添加以下代码:
```css
.el-input[disabled] {
color: red; /* 设置字体颜色为红色 */
}
```
方法二:使用内联样式
可以直接在el-input标签中使用内联样式来改变字体颜色。可以将style属性设置为以下值:
```html
<el-input disabled style="color: blue;"></el-input>
```
以上两种方法都可以实现改变el-input disabled状态下的字体颜色。
相关问题
<el-input class="custom-input" disabled style="width: 120px;margin-right: 20px;color: red" v-model="'已花费'+ temp.dispatchPoint_1 + '点'"></el-input>字体颜色红色无效
如果你仍然无法在页面上看到红色字体,请检查是否有其他CSS样式覆盖了你的样式。你可以在浏览器中打开开发者工具,选择该元素并查看应用的CSS样式,可能会发现其他样式会覆盖你设置的颜色。你可以尝试使用 !important 关键字来强制应用你的样式,例如:style="width: 120px;margin-right: 20px;color: red !important;"。这样应该能够解决问题。
type="textarea"修改el-input disabled状态下的字体颜色
可以使用以下 CSS 代码修改 el-input disabled 状态下的字体颜色:
```css
.el-input.is-disabled input {
color: #c0c0c0; /* 修改为自己需要的颜色 */
}
```
这样就可以将 disabled 状态下的字体颜色修改为灰色(#c0c0c0),你可以根据自己的需要修改颜色值。
阅读全文