Radio-buttons | 3bdel3ziz T tough deer 65

Radio-buttonstough deer1 个文件更新于 2026-04-06
html公开前 25 行,完整代码需登录
<div class="container">
  <label for="dislike">
    <input type="radio" name="evaluation" id="dislike" />
    <svg
      class="icon dislike"
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
    >
      <path
        d="M20 3H6.693A2.01 2.01 0 0 0 4.82 4.298l-2.757 7.351A1 1 0 0 0 2 12v2c0 1.103.897 2 2 2h5.612L8.49 19.367a2.004 2.004 0 0 0 .274 1.802c.376.52.982.831 1.624.831H12c.297 0 .578-.132.769-.36l4.7-5.64H20c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zm-8.469 17h-1.145l1.562-4.684A1 1 0 0 0 11 14H4v-1.819L6.693 5H16v9.638L11.531 20zM18 14V5h2l.001 9H18z"
      ></path>
    </svg>
  </label>
  <div class="count">
    <div class="number">
      <span>0</span>
      <span>1</span>
      <span>2</span>
      <span>3</span>
      <span>4</span>
      <span>5</span>
      <span>6</span>
      <span>7</span>

登录后可以查看完整源码、在线编辑并实时预览运行效果。