改变element ui中的样式失败

想请教一下这里穿透改变为什么不起作用是什么地方写的不对吗请各位指点一下谢谢啦

img

img

img

el-button与el-button-login是同级（.el-button.el-button-login），所以.el-button .el-button-login是不生效的，应该是父级 >>> 子级

<style lang="css" scoped>
.el-row >>> .el-button-login {
  padding: 12px 58px;
}
</style>

deep 深度选择器修饰符放的位置不对，你要放在 .el-button前面，或者把 .el-button 删掉，多加个层级无意义，直接写 >>> .el-button-login 就行了

再起一个style，再style后面不要加scoped，如下
防止影响其他可以在这个页面最外层给个class名，比如这个vue页面class名为box

<style lang="css">
.box {
    .el-button-login{
          ....
    }
}
</style>