How can this effect be achieved through css?

  html5, question

自己做出来的样子

希望的得到的效果图样

How to use css code to achieve, thank you!

css:

.remem {
 display: none;
 }
 .remem + label {
 background:  url(../images/btn11.png) no-repeat;
 background-size: 100%;
 display: inline-block;
 position: relative;
 float: left;
 margin-top: 3px;
 width: 14px;
 height: 14px;
 margin-right: 10px;
 }
 .menlogin label{
 margin-left: 68px;
 }
 .remem:checked + label:after {
 content: ' ';
 width: 14px;
 height: 14px;
 position: absolute;
 background: url(../images/btn11-1.png) no-repeat;
 background-size: 100%;
 }

html:

<input type="checkbox" name="" value="" checked="checked" class="remem" id="wtsx-radio-2">
 <label for="wtsx-radio-2"></label>
 < span > remember password < /span >

That’s about it, my own notes.