<el-radio-group v-model="radio1"><el-radio-button class="user-radio" label="上海"><div class="user-radio-div">主標題</div><p class="user-radio-p">說明文案</p></el-radio-button><el-radio-button class="user-radio" label="北京"><div class="user-radio-div">主標題</div><p class="user-radio-p">說明文案</p></el-radio-button><el-radio-button class="user-radio" label="深證"><div class="user-radio-div">主標題</div><p class="user-radio-p">說明文案</p></el-radio-button><el-radio-button class="user-radio" label="廣東"><div class="user-radio-div">主標題</div><p class="user-radio-p">說明文案</p></el-radio-button></el-radio-group> <style lang="scss" scoped> .user-radio {margin: 0 10px 20px;&-div{font-size: 24px;}&-p{font-size: 20px;}// 因為設置了scoped，所以固定的classname要用/deep/操作/deep/ {.el-radio-button__inner {border: none;border-radius: 4px;background: #e5e5e5;}.el-radio-button__orig-radio:checked + .el-radio-button__inner {background: #1e6abc;}} } </style>

?

總結

以上是生活随笔為你收集整理的工作总结7：自定义样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。