像我這個表單        <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;             }為啥選中的復選框沒有效果？