联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 程序开发学习 > 正文

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

作者:小教学发布时间:2023-09-25分类:程序开发学习浏览:72


导读:<templateslot="birthday"><el-input:class="age==false?'birthd...
<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

效果:

 





程序开发学习排行
最近发表
网站分类
标签列表