el-input placeholder属性的文本颜色设置

最新推荐文章于 2023-03-15 09:08:05 发布

原创最新推荐文章于 2023-03-15 09:08:05 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #html5 #vue.js #elementui

elementUI属性样式专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何在禁用状态的 Vue.js 的 el-input 组件中更改 placeholder 文本的颜色。通过使用 `/deep/` 选择器和 `-webkit-text-fill-color` 属性，可以在禁用状态下将 placeholder 文本颜色设置为 #3B9DF8。同时，还提到了在输入模式下 placeholder 文本颜色的常规设置方法。

部署运行你感兴趣的模型镜像

/deep/input:disabled::-webkit-input-placeholder{
  
  -webkit-text-fill-color: #3B9DF8;
}

千万记住,只有当el-input为禁止输入的时候这个方法才有效!也就是:disabled=“true”

 <el-input
          style="width: 30%;"
          placeholder="法院涉诉综合查询    法院失信与被执行人查询    税务负面信息查询"
          :disabled="true"
        ></el-input>

/deep/input::-webkit-input-placeholder{
  
  -webkit-text-fill-color: #3B9DF8;
}

这个是在可输入模式下,placeholder属性的文本颜色!

您可能感兴趣的与本文相关的镜像

ACE-Step

音乐合成

ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言