일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- colemak
- 구현 패턴
- State Control
- 오버로딩과 오버라이딩
- Paste Into File
- ortholinear
- 창 그룹화
- Runtime Execution
- static 키워드
- details marker 제거
- 복사한것을파일로
- version specifications
- 프론트엔드 개발환경
- JavaScript
- 쿼티
- 영수증 가계부
- 절차 지향과 객체 지향
- 콜맥
- Sync & Async
- 프리오닉
- 글자 단위 삭제
- 개발자 도구 활용
- 이벤트 위임
- olkb
- 글자 지우기
- 자소 단위 삭제 해제
- 탭 관리 프로그램
- 날개셋 한글 입력기
- super 메소드
- 브라우저 렌더링
Archives
- Today
- Total
What got you here won't get you there
details marker 제거 본문
크롬 89 버전 이후로 details-summary spec에 변경이 있어 -webkit-details-marker pseudo class로 marker를 없앨 수 없다.
대신 list-style-type: none; 또는 display: block; 을 적용한다.
'display: list-item' by default for <summary>
<details>
<summary>test1</summary>
<p>test</p>
</details>
<!-- 89~ chrome -->
<style>
summary {
list-style-type: none; // or display: block;
}
</style>
<!-- ^89 chrome, safari -->
<style>
summary::-webkit-details-marker {
display: none;
}
</style>
Comments