MUI 如何更改单选框样式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35393869/article/details/82148086

自定义修改 MUI 单选框的默认样式


效果图,对比示下:

这里写图片描述


以上图效果为例:

  1. 修改前代码:[参考mui.min.css ]
  2. 修改后代码如下:.mui-radio input[type=radio]:checked:before {content: '\e442';}

按照mui字体文件中的图标,css覆盖对应字体文件的代码,就可以了。
如果是自定义的小图片,需要自己改成background-image进行进一步的设置。


以上就是关于“ MUI 如何更改单选框样式 ” 的全部内容。

猜你喜欢

转载自blog.csdn.net/qq_35393869/article/details/82148086
MUI
今日推荐