Dev Diary 💻

Intro안녕하세요. select element 에서 dropdown icon 바꾸는 방법에 대해 알아보도록 하겠습니다 :)  How to solve problem Option 1 Option 2 Option 3/* Hide the default dropdown arrow */.custom-select { appearance: none; /* For Firefox */ -webkit-appearance: none; /* For Chrome, Safari, Opera */ -moz-appearance: none; /* For Firefox */ background-image: url('custom-dropdown-icon.png'); /* Custom arrow icon */ backgrou..

Intro 안녕하세요. 이번 시간에는 document.getElementsByTagName()를 사용해서 css styles을 업데이트/수정하는 방법에 대해 알아보겠습니다. How to solve the problem 문제 해결을 위한 2가지 예시 코드를 보여드리겠습니다. #1 모든 blockqutoe 태그를 가져와서 길이만큼 loop를 돌면서 스타일을 업데이트 해줍니다. 아래의 코드에선 margin을 0, borderLeft 스타일을 '5px solid rgb(9 9 9)'로 수정해줬습니다. function changeBlockquote() { let li_tags = document.getElementsByTagName('blockquote'); for (let i = 0; i < li_tags.le..