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

select:focus 를 영역을 부모요소에 줄수 없나요? 채택완료

</p>

<p><div class="mail_form">

<input type="text" name="manageremail">

@

<div class="mail_select">

<input type="text" name="manageremail-domain" id="str_email02" style="display: none;" disabled>

                        <select name="manageremail-domain-select" id="selectEmail">

                            <option selected disabled hidden>이메일 선택</option>

                            <option value="naver.com">naver.com</option>

                            <option value="daum.net">daum.net</option>

                            <option value="nate.com">nate.com</option>

                            <option value="gmail.com">gmail.com</option>

                            <option value="hanmail.net">hanmail.net</option>

                            <option value="1">직접입력</option>

                        </select>

 </div></p>

<p> </div></p>

<p>

 

 

현재 select 클릭했을때 셀렉트 부분에만 focus가 나오는데

.mail_form 요기 부모요소에 border를 넣고싶습니다. 

메일 폼 전체를 감싸는 선으로요~

방법이 있을까요?

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

답변 1개

채택된 답변
+20 포인트

간단하게 만든다면 이렇게 될 것 같긴하네요

</p>

<p>$("#selectEmail").on("focus",function(){

  $(".mail_form").addClass("borders");  

});

$("#selectEmail").on("blur",function(){

  $(".mail_form").removeClass("borders");  

});</p>

<p>

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

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

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

로그인

전체 질문 목록

🐛 버그신고