Html 切换开关不更改其状态（ASP.NET MVC）

我的视图中有切换开关

这是代码

开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：34px；
}
.开关输入{显示：无；}
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入：选中+滑块{
背景色：#2196F3；
}
输入：焦点+.滑块{
盒影：0 0 1px#2196F3；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（26px）；
-ms变换：translateX（26px）；
转化：translateX（26px）；
}
/*圆形滑块*/
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}

医生预约
为内部目的

这与asp.net有什么关系？Project是asp.net@Marco，它不改变状态是什么意思？复选框不起作用还是CSS样式没有被应用？它总是灰色的，不改变状态@marco您的代码在这里对Stackoverflow起作用，这意味着您没有向我们展示所有内容。