목록Webkit (1)

Simple Is Best

26. [CSS] Shadow DOM - 섀도우 DOM

이번 포스팅에서는 웹 브라우저 내에 숨겨진 부분, 딥한 부분에 대해서 다뤄 보겠습니다. 이번 포스팅은 별로 중요한 내용은 아니니 넘어가셔도 좋습니다 ㅎ Shadow DOM 을 보는 방법 1. 크롬 개발자 도구를 킨 후, 맨 오른쪽 설정 버튼을 클릭한다. 2. Show user Agent shadow DOM을 킨다. 3. 끗 본 내용은 예제를 중심으로 풀어나가는게 맞는 것 같습니다. input 예제를 통해서 Shadow DOM에 대해서 알아보도록 하겠습니다! input의 placeholder에 스타일을 주고 싶습니다. 다음과 같은 코드를 작성하면 당연한 결과로 placeholder가 회색으로 음영처리 되는 것을 볼 수 있습니다. 저는 이 placeholder를 가운데 정렬 & 색깔을 red로 바꾸고 싶습니..
HTML & CSS 2021. 7. 15. 13:18
이전 Prev 1 Next 다음