博客

深入修改element样式的方式有两大种：（1）页面内修改（2）单独新建一个全局css文件

一、新建一个css文件，位置如下，新建的这个全局css文件在main中进行引入，就可以了

二、在页面内进行修改

（1）css中我经常使用的方法

 <el-input
     class="input"
     placeholder="请输入内容"
     v-model="item.name"
     :disabled="state[item.id]">
 </el-input>

.home>>>.input{
    width: 100px;
  }

（2）在sass中我经常使用的

 <el-dialog
     title="修改成功"
     :visible.sync="dialogVisible"
     width="30%"
    :before-close="handleClose" class="ems-dialog" id="tishi" center>
 </el-dialog>

<style lang="scss" scoped>
#tishi /deep/{
    .el-dialog__body{
        padding: 0px;
    }
}
</style>