改变radio的样式以及radio组相关操作的jquery插件

最新推荐文章于 2024-07-30 14:48:59 发布

浅脂弱

最新推荐文章于 2024-07-30 14:48:59 发布

阅读量1.3k

点赞数 1

分类专栏： CSS

本文链接：https://blog.csdn.net/mozhi111/article/details/78773764

版权

本文介绍了一种改变radio样式的方法，通过隐藏原始radio并使用图片进行替代。具体实现分为两种策略：一是利用单张图片调整位置，二是通过不同类切换不同图片。示例中采用的是后者。

摘要由CSDN通过智能技术生成

思路:1.将原先的radio给隐藏掉,用图片来替代

2.这里替代的图片有两种形式.第一种是一张图片有两个小图,这时候需要改变图片的位置即可第二种,会比第一种简单一些它只是需要用两种类来渲染不同的图片即可 . 这里的例子用的是第二种

效果图:

<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<script src="lib/jquery-3.1.1.js"></script>
		<titl