这里我主要针对pc端而言,移动端由于各个牌子的移动设备都有自己定义的复选框,单选按钮和选择框样式,这里不做讨论。
pc端的默认样式大家都见过,这里直接上效果图
这是我简单做的两个自定义的复选框,单选按钮。以复选框为例,将复选框用一个div包裹起来,然后将复选框的透明度设置为0,下面来看看这个效果的代码
我是选择一我是选择一我ta1
其中复选框的的勾,需要自己找图片,或者用::after也可以做的
另外的选择框同理,然后清除系统自带的样式,添加自己下载下角图标。效果不上了,直接上代码吧
好了,大概就这样吧。