当前位置:首页 » 《关注互联网》 » 正文

el-input设置背景色,改变样式

28 人参与  2024年04月13日 15:36  分类 : 《关注互联网》  评论

点击全文阅读


<template slot="birthday">      <el-input        :class="age == false ? 'birthday' : ''"        size="mini"        disabled        v-model="form.birthday"      ></el-input>    </template>
::v-deep .birthday .el-input__inner {  background-color: yellow !important;   color: red !important;}

思路:在浏览器控制台的元素中发现el-input是两层,div里套了个input,直接在<el-input>中设置颜色的话无法达到效果,查看发现el-input__inner才是真正input的那层,设置一个class名称来定位到此,style样式中用了scoped,在css样式中加上deep和important

效果:

 


点击全文阅读


本文链接:http://zhangshiyu.com/post/94853.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1