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>