css3复选框
2015-07-29 14:50
169 查看
</head>
/*input[type="checkbox"]:checked{outline:2px solid #FC3;}当鼠标选中添加边框变幻颜色*/
<style>
input[type="checkbox"]:checked{
outline:2px solid #FC3;}
</style>
<body>
<input type="checkbox" />阅读
<input type="checkbox" />旅游
<input type="checkbox" />上网
<input type="checkbox" />看电影
<input type="checkbox" />游戏
</body>
</html>
展示的效果
/*input[type="checkbox"]:checked{outline:2px solid #FC3;}当鼠标选中添加边框变幻颜色*/
<style>
input[type="checkbox"]:checked{
outline:2px solid #FC3;}
</style>
<body>
<input type="checkbox" />阅读
<input type="checkbox" />旅游
<input type="checkbox" />上网
<input type="checkbox" />看电影
<input type="checkbox" />游戏
</body>
</html>
展示的效果
相关文章推荐
- Emmet:HTML/CSS代码快速编写神器
- css3鼠标状态
- css3列表属性
- CSS代码优化7个准则
- html css一些记录
- css 实现垂直居中的5种方法
- 前端性能优化(CSS动画篇)
- 去掉chrome 浏览器 input textarea 获取焦点后边框
- css文字样式
- 静态Web开发 CSS
- 使用CSS样式position:fixed水平滚动的方法
- 一款很漂亮的CSS3登录界面
- css中的选择器
- 去除inline-block元素间间距的N种方法
- CSS常用属性
- 【jetty】jetty作为maven插件,解除JS/CSS等静态文件锁定
- CSS布局页面之盒子模型
- 样式表的重置
- CSS中的长度单位
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码