css 的 :checked伪类选择器不能动态赋予样式吗

像我这个表单

        <form>
            <input type="checkbox" name="sex" id="sexn" value="nan" />
            <input type="checkbox" name="sex" id="sexv" value="nv" />
        </form>
        

给他写样式如下

            input{
                width: 30px;
                height: 30px;
                outline: none;
            }
            input[type="checkbox"]:checked{
                border: 3px solid red;
            }
            
        

为啥选中的复选框没有效果?

阅读 3k
1 个回答

先去掉系统样式先

-webkit-appearance: none;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题