PHP程序员学习笔记|如何学习PHP

个人总结的PHP学习方法


纯CSS 实现JS最常见的 点击隐藏 点击显示效果

2017-4-9 0phpcom 学习笔记


<style>
    [type=checkbox] {display:none;}
    [type=checkbox]~input {display:none;}
    [type=checkbox]:checked~input {display:inline-block;}
    [type=checkbox]~span {cursor:pointer;margin-right:10px;}
    [type=checkbox]~span:before {content:'点我显示文本框';}
    [type=checkbox]~span:hover {color:#C30;}
    [type=checkbox]:checked~span:before {content:'点我隐藏文本框';}
</style>

<label><input type="checkbox" /><span></span><input /></label>


效果展示:


更多内容:php程序员学习笔记

« phpstorm 激活服务器(phpstorm 破解服务器服务器)2017版最新破解方法 | 永恒的第一秒»
发表评论:


订阅Rss