css 小技巧

checkbox:

.checkbox {
　　display: inline-block;
　　cursor: pointer;
　　input[type="checkbox"] {
　　　　appearance: none;
　　　　-webkit-appearance: none;
　　　　outline: none;
　　　　display: none
　　}
　　input[type="checkbox"]+.box-span {
　　　　position: relative;
　　　　top: 7px;
　　　　width: 24px;
　　　　height: 24px;
　　　　display: inline-block;
　　　　background: url("../resource/images/radio/normal.png") no-repeat;
　　　　background-position: 0 0;
　　}
　　input[type="checkbox"]:checked+.box-span {
　　　　background: url("../resource/images/radio/click.png") no-repeat;
　　}
}
 
隐藏滚动条:
.outer-content {
　　height: 100%;
　　width: 194px;
　　position: absolute;
　　top: 0;
　　right: 0;
　　overflow: hidden
}

.inner-content {
　　height: 100%;
　　width: 177px;
　　overflow-y: scroll;
　　padding: 0 17px;
}
posted @ 2017-11-27 17:06  善未易明  阅读(96)  评论(0)  编辑  收藏  举报