input checked 질문 드립니다. 채택완료
안녕하세요.
input에 미리 체크를 해두려고
checked 를 해도 먹히질 않아서요
<input type="radio" id="toggle1" name="wr_1" value="안마의자" v-model="choices.checkedSize" checked><label for="toggle1"><img src="./img/icon1.png"></label></li>
<input type="radio" id="toggle2" name="wr_1" value="기타" v-model="choices.checkedSize"><label for="toggle2"><img src="./img/icon2.png"></label></li>
input 스타일을 이미지로 변경해서 사용중입니다.
클릭하면
설정해둔 border:2px solid #ff6a11 가 먹히는데
input 에 checked를 미리 넣어놓으면 안먹힙니다.
vue.js를 써서 그런것 같은데 검색을 아무리해도 나오질 않아서요 ㅠ
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 3개
다나한포션
3년 전
3년 전
css 상으로는 이상이 없네요. 스크립트 쪽에 해당 라디오버튼의 체크를 푸는 부분이 있는지도 확인을 해보셔야 할 듯 합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
input[type=radio]{display: none}
input[type=radio] + label {cursor:pointer; display:inline-block; width:100%; background:#f0f0f0; border-radius:20px; padding:30px 0; border:2px solid #f0f0f0; min-height:200px}
input[type=radio]:checked + label {border:2px solid #ff6a11; border-radius:20px}
이렇게 되어잇습니다.