반응형
크롬 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>
반응형
'과거' 카테고리의 다른 글
[JS] Object property order (0) | 2021.07.13 |
---|---|
[JS] typeof null, null instanceof Object (0) | 2021.07.13 |
이벤트 리스너, 이벤트 위임 (0) | 2021.07.13 |
[JS] Lexical Grammar, Language Element (0) | 2021.07.05 |
너 왜 코드 그렇게 짰어? (0) | 2021.07.05 |