2 lines
986 B
CSS
2 lines
986 B
CSS
.checkBox .block{float:left;margin:5px;padding:6px 15px;height:18px;text-align:center;border:1px solid #ccc;position:relative;cursor:pointer;overflow:hidden}.checkBox .block .choice{position:absolute;right:0;bottom:0;display:none}.checkBox .block.on{border:1px solid #1E9FFF}.checkBox .block.on .choice{position:absolute;right:0;bottom:0;display:block}.checkBox .block.on .choice .triangle{position:absolute;right:0;bottom:0;border-bottom:18px solid #1E9FFF;border-left:18px solid transparent}.checkBox .block.on .choice .right{position:absolute;right:5px;bottom:5px;width:10px;height:10px}.checkBox .block .del{width:18px;height:18px;background:#fff;border:0px solid #ccc;border-radius:3px;overflow:hidden;cursor:pointer;position:absolute;bottom:-20px;right:0;transition:background .3s ease,border .2s ease,bottom .2s ease;display:block}.checkBox .block .del:hover{background:#ff5722;border:1px solid #FF5722}.checkBox .block:hover .del{bottom:0}.checkBox .block.on .del{display:none}
|