details marker 제거

2021. 7. 13. 01:30·과거
반응형

크롬 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
'과거' 카테고리의 다른 글
  • [JS] Object property order
  • [JS] typeof null, null instanceof Object
  • 이벤트 리스너, 이벤트 위임
  • [JS] Lexical Grammar, Language Element
optimy
optimy
See one, do one, teach one
  • optimy
    공자천주
    optimy
  • 전체
    오늘
    어제
    • All posts (27)
      • Note (4)
      • Book (0)
      • Do one (0)
      • Teach one (0)
      • 과거 (23)
  • 블로그 메뉴

    • 링크

      • github
    • 공지사항

    • 인기 글

    • 태그

      구현 패턴
      창 그룹화
      개발자 도구 활용
      version specifications
      State Control
      브라우저 렌더링
      이미지파일저장
      탭 관리 프로그램
      쿼티
      복사한것저장
      콜맥
      Runtime Execution
      프론트엔드 개발환경
      이벤트 위임
      JavaScript
      능동적 태도
      details marker 제거
      날개셋 한글 입력기
      캡처후저장
      Sync & Async
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    optimy
    details marker 제거
    상단으로

    티스토리툴바