`
yanzhihong23
  • 浏览: 57718 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS 用图片替换checkbox样式

    博客分类：
  • Web
checkbox css 
阅读更多 

<html>
<head>
<style type="text/css">
a,label {
	display:block;
	width:25px;
	height:25px;
	overflow:hidden
	}
a {
	background:url("xxx.gif") no-repeat
	}
a:hover {
	background:url("yyy.gif") no-repeat
	}
a#b,a#d {
	background:url("zzz.gif") no-repeat
	}
</style>
</head>
<body>

<label for="la1">
	<a href="#b" id="a" onclick="la1.checked=true"></a>
	<a href="#a" id="b" onclick="la1.checked=false"></a>
	<input type="checkbox" id="la1" />
</label>
<label for="la2">
	<a href="#d" id="c" onclick="la2.checked=true"></a>
	<a href="#c" id="d" onclick="la2.checked=false"></a>
	<input type="checkbox" id="la2" />
</label>
</body>
</html>
 


分享到：
| tomcat重启时自动清除缓存
评论
2 楼 yanzhihong23 2011-09-14  
e421083458 写道
十分感谢！试验成功了！

发现没？！你是我博客的第一个评论人！！ 
1 楼 e421083458 2011-09-07  
十分感谢！试验成功了！
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ace的css样式内容。

    ace的css样式内容，用于之前element的样式文件，直接替换即可。

    《程序天下：JavaScript实例自学手册》光盘源码

    21.4 使用DOM实现控件的替换 21.5 使用DOM实现控件的复制 21.6 使用DOM判断页面中控件是否嵌套 21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 ...

    程序天下:JavaScript实例自学手册

    21.4 使用DOM实现控件的替换 21.5 使用DOM实现控件的复制 21.6 使用DOM判断页面中控件是否嵌套 21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 ...

    使用CSS实现页面复选框的方法

    产品篇 在我们的后台中，需要设置广告精准投放的区域，...其次复选框本身的价值不大，可以被替换为其它样式；唯一可能引入的问题，就是点选时，用户的预期是看到复选框里出现一个小对勾，表示选中，如果我把它移开放到

    基于react-window 库编写的一个超灵活的表格源码+项目说明.zip

    - 支持css全局变量，进行样式调整 功能特点 - 表格渲染，使用虚拟列表，支持滚动分页请求数据。 - 滚动分页的触发位置，支持自定义。 - 每个表头的单元格，自定义渲染 - 每个列的单元格，自定义单独渲染, 函数...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    25、原生JavaScript格式化CSS样式代码 26、原生JavaScript压缩CSS样式代码 27、原生JavaScript获取当前路径 28、原生JavaScriptIP转成整型 29、原生JavaScript整型解析为IP地址 30、原生JavaScript实现checkbox全选...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -更新/basic/login.aspx示例，使用验证图片(feedback:kedee)。 -为Grid增加AutoPostBack属性和RowClick事件，示例在/data/grid_autopostback.aspx(feedback:chenguizhu2006)。 -为所有的表单字段增加AJAX属性...

    C#编程经验技巧宝典

    16 &lt;br&gt;0033　Return语句的使用　17 &lt;br&gt;0034　如何实现无限循环　17 &lt;br&gt;0035　巧用foreach语句控制控件　18 &lt;br&gt;0036　有效使用switch case语句　18 &lt;br&gt;2.3　运算符　19 &lt;br&gt;0037　如何使用...

    jQuery详细教程

    提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    ExtAspNet_v2.3.2_dll

    -更新/basic/login.aspx示例，使用验证图片(feedback:kedee)。 -为Grid增加AutoPostBack属性和RowClick事件，示例在/data/grid_autopostback.aspx(feedback:chenguizhu2006)。 -为所有的表单字段增加AJAX属性...

    jQuery完全实例.rar

    这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上，或者说都是在以某种方式使用这个函数。这个函数最...

    js使用小技巧

    替换CSS document.all.csss.href = "a.css"; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style="word-break:break-all" 自动刷新 ;URL=http://c98.yeah.net"&gt; 简单邮件 ...

    fckedit编辑器

    StylesXmlPath="" 设置定义CSS样式列表的XML文件的位置 TabSpaces=4 TAB键产生的空格字符数 ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏 ToolbarSets=object 允许使用TOOLBAR集合 ...

Magicbox
Global site tag (gtag.js) - Google Analytics