解决谷歌、IE、火狐浏览器input框的placeholder属性字体颜色统一

小tenten

已于 2022-11-29 16:26:49 修改

阅读量842

点赞数

分类专栏： html css 文章标签：前端 html css

于 2022-09-27 11:45:56 首次发布

本文链接：https://blog.csdn.net/qq_39877681/article/details/127068663

版权

css 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

解决谷歌 IE 火狐浏览器的input-placeholder的颜色统一

<el-form-item prop="check_code">
     <el-input class="placeInput" placeholder="验证码" />
</el-form-item>

样式：

<style lang="scss">
  .placeInput{
    .el-input__inner::placeholder {
      color: rgb(43,123,244);
    }
     /* 谷歌 */
    .el-input__inner::-webkit-input-placeholder {
      color: rgb(43,123,244);
    }
     /* 火狐 */
   .el-input__inner:-moz-placeholder {
      color: rgb(43,123,244);
    }
     /*ie*/
   .el-input__inner:-ms-input-placeholder {
      color: rgb(43,123,244);
    }
  }
</style>