antd vue radio按钮点击去除投影效果

最新推荐文章于 2024-04-30 16:39:26 发布

一颗方方

最新推荐文章于 2024-04-30 16:39:26 发布

阅读量463

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Fhyoiii/article/details/126106441

版权

::v-deep {
.ant-radio-checked .ant-radio-inner {
border-color: #FDBB56;
}
.ant-radio-checked::after {
border: none;
}
.ant-radio-input:focus + .ant-radio-inner {
box-shadow: none; //按钮点击去除投影效果
}
.ant-radio-inner::after {
background-color: #FDBB56;
}
.ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner {
border-color: #FDBB56;
}
}