防止页面混乱检查输入

Question

“星级评定”按预期工作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); 
     }