이전 목록 다음
채택완료

css 관련 질문입니다.

조조윤진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-06-29 (월) 21:29:55 2,703
Copy 
<!-- ... -->

<iframe src="..." id="block"></iframe>

<!-- ... -->

위 iframe 태그 안에있는 문서에 css를 추가하는 방법이 있나요?

(parent의 css 코드 없이)

css iframe
|

답변 1개 / 댓글 3개

채택된 답변
+20 포인트
폴폴라베어
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-06-29 (월) 21:52:35

ID나 클래스로 스타일 적용이 된 경우에는 #block > * 선택자로 부분적으로 적용은 되지만, 태그에 직접 선언된 경우에는 적용이 되지않고 브라우저 호환성 문제도 있습니다. 

Copy 
#block {
  all: initial;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/all

답변에 대한 댓글 3개

조윤진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-06-29 (월) 22:03:20
생각해보니 #block * 이렇게하면되는거였네요...
폴라베어
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-06-29 (월) 22:13:37
질문이 바꿨네요...

링크로 대체합니다.
https://stackoverflow.com/questions/6494721/override-body-style-for-content-in-an-iframe
조윤진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-06-29 (월) 22:20:37
그런데... 그렇게하면 이후에 정해줬던 모든 css가 반영되지 않습니다. 어케 된 건가요?

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