如何修改标签默认样式
2016-11-15 20:38
459 查看
下面是HTML代码
css代码
<label> <input type="checkbox" class="hidden_input" /> <span class="checkbox"></span> 我是标签 </label>
css代码
.hidden_input { opacity: 0; position: absolute; z-index: -1; } input[type=checkbox]+span { /* 自定义样式 */ display: inline-block; height: 1em; width: 1em; border-radius: 50%; background-color: gray; } /* 动态变化时的样式 */ input[type=checkbox]:checked+span { background-color: red; }
相关文章推荐
- 如何修改DeDe标签Pagelist分页样式详解
- 关于struts2 select标签默认样式的修改
- 如何修改复选框的样式(其他input标签类推)
- 如何修改DeDe标签Pagelist分页样式详解
- 使用label标签,修改checkbox默认样式
- 修改video标签自带按钮的默认样式
- tabhost 底部 颜色1.你想知道tabwidget控件tab标签栏置底? #2.修改tab默认的样式和颜色
- 修改input type=file 标签默认样式的简单方法
- select标签添加multiple属性后,页面呈现的样式发生改变,如何修改
- 在Vue.js中,在scoped模式下如何修改子组件内部标签的样式
- php eclipse 如何修改php文件创建时默认样式
- Flex中如何修改Alert控件中默认按钮标签(button label)的例子
- Android中如何修改SeekBar的默认样式
- input 标签 修改 disabled 属性默认样式(适配安卓 IOS)
- 如何修改input[type="file"]的默认样式
- 在Vue.js中,在scoped模式下如何修改子组件内部标签的样式
- 如何去除input标签点击之后出现的默认样式
- bootstrap对HTML标签的默认样式有哪些修改?
- 如何修改系统默认店招的背景及其样式?
- Android 如何修改默认的Tab样式