cheakbox属性

改变复选框样式

  1. <style>
  2. *{margin: 0;padding:0;}
  3. input{
  4. width: 30px;
  5. height: 30px;
  6. }
  7. input::after{
  8. content: url('image/未选中 (1).png');
  9. }
  10. input:checked::after{
  11. content:url('image/选中 (1).png');
  12. }
  13. input{
  14. width: 30px;
  15. height: 30px;
  16. -webkit-appearance:none;
  17. border: none;
  18. outline: none;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <input type="checkbox"><label>vue</label>
  24. </body>
  25. </html>