我正在開發(fā)一個 Web 應(yīng)用程序（使用 AngularJS），我需要創(chuàng)建一個切換開關(guān)。網(wǎng)上的指南看起來并不難，我遵循的是 W3C 的指南：https://www.w3schools.com/howto/howto_css_switch.asp在本指南中，一切正常：我可以在切換開關(guān)區(qū)域內(nèi)單擊任何我想要的位置，并且它的行為符合預(yù)期。顯然，其背后必須有一個checkbox類型輸入。不幸的是，這在我的應(yīng)用程序中沒有發(fā)生。這是我的代碼（我使用它是因?yàn)闃?biāo)簽已經(jīng)有了正確的<div>樣式）：<label><style>.switch {  position: relative;  display: inline-block;  width: 60px;  height: 34px;}.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}.slider:before {  position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}input:checked + .slider {  background-color: #2196F3;}input:focus + .slider {  box-shadow: 0 0 1px #2196F3;}input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}.slider.round {  border-radius: 34px;}.slider.round:before {  border-radius: 50%;}</style> <div class="switch">    <input type="checkbox">    <span class="slider round"></span></div>正如您所看到的，這是完全相同的 W3C 代碼（除了我沒有隱藏輸入，否則在我的情況下什么都不會發(fā)生?。２恍业氖前l(fā)生了以下事情：input checkbox風(fēng)格是完美的，但只有通過單擊左小角（這將是故意不被遮擋的?。袨椴攀钦_的。如果我按照 W3C 的建議使復(fù)選框輸入不可見，我將無法再單擊該角落，并且什么也不會發(fā)生！我不明白如何使input checkbox隱形，但仍然將其行為擴(kuò)展到整個切換開關(guān)！我哪里錯了？