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;

}