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

📅  最后修改于: 2021-10-28 03:18:26             🧑  作者: Mango

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

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

方法:

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

HTML代码:

HTML


  
   
    
  
  
    
    
  


输出:

结果

支持的浏览器:

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