Chrome의 기본 아이콘 이름을 확인하고 표시를 변경하는 방법

개요

본문은 마크업 tips입니다.
chrome에서 화면 확인을 했을 때, type이 time의 input 태그 옆에, 예를 들면 시계 아이콘이 들어 있고, 그것을 아무래도 없애고 싶을 때에 제거하는 방법에 대해 기재하고 있습니다.

변경 전 → 변경 후

→

방법

1. 개발자 도구 설정 변경

먼저 개발자 도구 설정에서 Shadow DOM 표시를 활성화하십시오.
이 작업을 수행하지 않으면 대상 아이콘에 대한 정보를 볼 수 없습니다.
활성화하는 방법을 모르는 분은 다음 기사가 도움이됩니다.
참고 : htps : // 이 m / 츠요시 84 / ms / 4 아다 593c76b0 아 1339b6

2. 이름 조사

개발자 도구에서 해당 DOM 요소를 조사합니다.
내 이번에는-webkit-calendar-picker-indicator라는 이름이었습니다.

3.css를 묘사

마지막으로 디스플레이를 가로 지르는 설명을 추가하십시오.
구체적인 예로는 굴과 같습니다.

[type='time']::-webkit-calendar-picker-indicator {
  display: none;
}

브라우저에서 숨겨진 것을 확인할 수 있으면 작업 완료입니다.

이쪽의 기사 참고가 되면 다행입니다.
이상, 읽어 주셔서 감사합니다.