elementUI 修改全局 input或textarea的placeholder的字体颜色及hover样式

北方爷们儿

已于 2025-03-05 17:03:19 修改

阅读量351

点赞数 2

分类专栏： elementUI 文章标签：前端 elementui

于 2025-03-05 17:02:45 首次发布

本文链接：https://blog.youkuaiyun.com/hxm2017jy/article/details/135077244

版权

elementUI 专栏收录该内容

7 篇文章

订阅专栏

elementUI 修改全局 input或textarea的placeholder的字体颜色及hover样式

// elementUI 文本域hover样式
.el-textarea__inner:hover {
  border: 1px solid #3370ff;
}

/* 覆盖所有 el-textarea 的 placeholder 颜色 */
.el-textarea__inner::-webkit-input-placeholder {
  color: #a9a9a9 !important; /* WebKit 浏览器 */
}
.el-textarea__inner::-moz-placeholder {
  color: #a9a9a9 !important; /* Firefox */
}
.el-textarea__inner:-ms-input-placeholder {
  color: #a9a9a9 !important; /* IE */
}
.el-textarea__inner::placeholder {
  color: #a9a9a9 !important; /* 现代浏览器 */
}