参考文章:http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201505061790.html
ps:本人先要更换details前面的小图标:
html:
<details id="person_form" open>
<summary id="person_form_icon">个人报表</summary>
</details>
css:
#person_form_icon{
background:url(../images/file_open.png) no-repeat left;
cursor:pointer;
display:inline-block;
line-height:20px;
text-align:center;
vertical-align:middle;
}
#person_form_icon::-webkit-details-marker{
display:none;
}
#person_form_icon:before{
content:"";/*the new icon*/
color:#696f7c;
margin-right:5px;
padding:10px;
}