防止页面加入检查输入

Question

＆＃34;星级＆＃34;按预期工作https://codepen.io/462960/pen/WZXEWd，但每次点击后页面都会跳起来。 我试图阻止它

const labels = document.querySelectorAll('label');
function noDefault(e){
  e.preventDefault();
  };

labels.forEach(x => x.addEventListener('click', noDefault));

但它不是一个理想的解决方案，因为它会阻止输入被检查。我无法在网页中使用。任何建议都表示赞赏。

Answer 1

解决方案：隐藏标签的输入

   &:not(:checked) {
      > input {
        display: none;
        //position: absolute;
        //top: -9999px;
        clip: rect(0,0,0,0);
      }