
如何为 input 标签的 style 属性添加 checked 和 checked:after 等样式?
对于上述 html 代码中的 input 标签,无法在 input 标签内的 style 属性中直接写入 checked 和 checked:after 等样式,因为浏览器不会识别这种写法。
要实现相同的效果,可以考虑通过以下方法:
ISite企业建站系统是为懂点网站建设和HTML技术的人员(例如企业建站人员)而开发的一套专门用于企业建站的开源免费程序。本系统采用了全新的栏目维护模式,内容添加过程中,前后台菜单是一样的,需要维护前台某个栏目的内容,只需要进后台相应栏目即可,一般的企业人员只需要查看简易的说明就可以上手维护网站内容。通过自由度极高的模板系统,可以适应大多数情况的界面需求,后台带有标签生成器,建站只需要构架好HTM
- 通过判断类名来重写样式
/* 当 .mgc 类名存在时,应用 .mgc-checked 和 .mgc-checked:after 样式 */
.mgc:checked {
/* 重写 .mgc-checked 样式 */
}
.mgc:checked:after {
/* 重写 .mgc-checked:after 样式 */
}通过这种方法,当 input 标签具有 .mgc 类名并且处于选中状态时,会应用 .mgc-checked 和 .mgc-checked:after 样式,从而覆盖外部样式。









