selectbox

    TIL 33 :: SelectBox <select>없이 구현하기

    TIL 33 :: SelectBox <select>없이 구현하기

    https://joodb.github.io/dropdown-selectbox/ HTML 문제. , 이 아니다. - 처음 구현할 때 당연히 , 을 사용했을거라 예상하고 그렇게 만들어갔는데 전혀 아니었다. 중간에 저 margin으로 들어가야하는 부분이 구현되지 않는다. select와 option사이는 떨어트릴 수 없다. 이 부분을 몰라서 HTML만 두 번 만들었다. 해결. 최애프로그래밍 언어 부분은 , 아래 리스트는 로 만들고 > 으로 만들었다. JS 처음에 만든 코드에서는 list 영역을 for문을 이용해 하나하나에 접근했다. // selectBtn focus를 잃었을 때 list를 숨기고 삼각형 이미지의 각도를 원래대로 변경한다. selectBtn.addEventListener('blur', () => ..