博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
不用系统自带的复选框,单选按钮,选择框的样式,该怎么做
阅读量:4684 次
发布时间:2019-06-09

本文共 397 字,大约阅读时间需要 1 分钟。

这里我主要针对pc端而言,移动端由于各个牌子的移动设备都有自己定义的复选框,单选按钮和选择框样式,这里不做讨论。

pc端的默认样式大家都见过,这里直接上效果图

这是我简单做的两个自定义的复选框,单选按钮。以复选框为例,将复选框用一个div包裹起来,然后将复选框的透明度设置为0,下面来看看这个效果的代码

			
我是选择一
我是选择一
ta1

 其中复选框的的勾,需要自己找图片,或者用::after也可以做的

另外的选择框同理,然后清除系统自带的样式,添加自己下载下角图标。效果不上了,直接上代码吧

		

 

好了,大概就这样吧。

 

转载于:https://www.cnblogs.com/qqing/p/6634833.html

你可能感兴趣的文章
【bzoj1005】[HNOI2008]明明的烦恼 Prufer序列+高精度
查看>>
【bzoj4236】JOIOJI STL-map
查看>>
整理iOS开发常用的第三方资源
查看>>
Django基础
查看>>
修正Android基于ZXing的二维码扫描——横竖屏自由切换
查看>>
hadoop集群hdfs磁盘划分
查看>>
SQL中Where与Having的区别
查看>>
IOS 请求服务器的方式
查看>>
mysql python pymysql模块 获取插入的最后一条数据的自增ID lastrowid()方法
查看>>
/etc/sysctl.conf 控制内核相关配置文件
查看>>
Linux autojump命令
查看>>
linux sdcv命令
查看>>
BZOJ4836: [Lydsy1704月赛]二元运算【分治FFT】【卡常(没卡过)】
查看>>
lintcode159- Find Minimum in Rotated Sorted Array- medium
查看>>
控制连接超时
查看>>
MPU6050开发 -- 数据分析(转)
查看>>
springmvc入门详解
查看>>
Struts2和springmvc的区别
查看>>
用户名、密码等15个常用的js正则表达式
查看>>
对比多层字典是否相同函数
查看>>