테스트 사이트 - 개발 중인 베타 버전입니다

input checked 질문 드립니다. 채택완료

다나한포션 3년 전 조회 1,929

안녕하세요.

input에 미리 체크를 해두려고

checked 를 해도 먹히질 않아서요

 

 

 

input 스타일을 이미지로 변경해서 사용중입니다.

클릭하면

설정해둔 border:2px solid #ff6a11 가 먹히는데

input 에 checked를 미리 넣어놓으면 안먹힙니다.

vue.js를 써서 그런것 같은데 검색을 아무리해도 나오질 않아서요 ㅠ

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
3년 전

해당 부분의 css를 봐야 알 수 있을 것 같네요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

다나한포션
3년 전
답변감사합니다.

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}

이렇게 되어잇습니다.
메이드
3년 전
css 상으로는 이상이 없네요. 스크립트 쪽에 해당 라디오버튼의 체크를 푸는 부분이 있는지도 확인을 해보셔야 할 듯 합니다.
다나한포션
3년 전
저거 외엔 딱히 스크립트는 쓰지 않고 잇습니다.
천천히 다시 한번 둘러보겟습니다. 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인