如何使整个自定义复选框/Div 可点击？

在您的网站中使用自定义复选框而不是老式 HTML 复选框始终是一个不错的选择。

本文提供了相同的分步实现。

方法：

• 使用输入类型复选框并在 HTML 中将标签与其链接。
• 隐藏输入复选框并根据您的要求设置标签样式。
• 随着复选框状态的改变而改变样式。

HTML代码：

HTML

  
   
    
  
  
    
    Apple
  

输出：

结果

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器