网站开发设置用户,网站建设花钱吗,网站建设福,wordpress 数据库一、整体修改样式注意点
避免!important#xff0c;能使用深度选择器就用深度选择器主题色使用变量#xff0c;方便后期统一修改#xff0c;最好新建一个单独的文件#xff0c;专门用于定义公共变量样式文件尽量放在一个文件里#xff0c;方便后期维护
二、单独element …一、整体修改样式注意点
避免!important能使用深度选择器就用深度选择器主题色使用变量方便后期统一修改最好新建一个单独的文件专门用于定义公共变量样式文件尽量放在一个文件里方便后期维护
二、单独element Form样式修改不影响其他
修改点其他框架样式也类似修改
使用div包裹form项使用深度选择器 /deep/ 或者::v-deep 穿透修改样式
代码
el-form :inlinetrue :modelformInline classdemo-form-inlinediv classself-styleel-form-item label审批人el-input v-modelformInline.user placeholder审批人/el-input/el-form-item/divel-form-item label活动区域el-select v-modelformInline.region placeholder活动区域el-option label区域一 valueshanghai/el-optionel-option label区域二 valuebeijing/el-option/el-select/el-form-itemel-form-itemel-button typeprimary clickonSubmit查询/el-button/el-form-item
/el-formstyle
.self-style{background-color: #F5F5F5;/deep/ .el-input__inner {border: none}/deep/ .el-form-item {margin-bottom: 22px;border: 1px solid #DCDCDC;border-radius: 4px;}
}
/style
