전체 글58 [CSS 속성] Edge의 input password 눈 아이콘 삭제 브라우저 Microsoft Edge 에서 input[type="password"]의 눈 아이콘 히든 적용 CSS input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear {display: none;} 2023. 1. 5. [CSS 속성] input[type="date"] 속성 📢 input[type="date"] 속성 - input[type="date"] 기본 HTML - placeholder 설정 input[type='date']::before {content:attr(data-placeholder);} - 기본 달력 아이콘 삭제 input[type="date"]::-webkit-calendar-picker-indicator {background:transparent;} - 아이폰 datepicker 선택시 텍스트 좌측정렬 (기본값은 가운데정렬) input::-webkit-date-and-time-value {text-align:left;} See the Pen Untitled by 조민혁 (@iqgzrljw-the-typescripter) on CodePen. 2023. 1. 4. [CSS 선택자] ::selection ::selection 은 사용자가 텍스트를 드래그 하는 경우 선택된 영역의 스타일 변경을 도와주는 CSS 속성이다. ::selection {background:pink; color:#000;} 테스트 텍스트를 드래그 해주세요. 2022. 12. 21. [CSS 속성] user-select 사용자가 텍스트 선택이 안되기를 원하는 경우가 있다. 텍스트 복사할 때, 슬라이드 드래그를 하는 경우 user-select 속성을 이용하면 텍스트를 선택하지 못하도록 막을 수 있다. user-select : auto; 편집 가능한 요소의 기본값은 text 이다. ::before , ::after 의 기본값은 none 으로 텍스트 드래그가 불가능하다. user-select : text; 텍스트를 드래그 할 경우 선택할 수 있다. user-select : all; 한 번의 클릭으로 텍스트 영역이 선택된다. 하위 요소 전체를 포함하여 선택이 된다. 2022. 12. 21. 이전 1 ··· 7 8 9 10 다음
