📒솜이노트

2025/09/01 검색 결과

해당 글 2건

# jQuery로 만드는 커스텀 다중 선택 select 박스! (라이브러리 X)

일반 태그는 브라우저마다 디자인이 달라서 커스터마이징이 어렵다.이번 글에서는 커스텀 드롭다운 박스를 만들어서 체크박스로 여러 개를 선택할 수 있고,선택한 값이 상단에 표시되며, 길어지면 ... 으로 잘리고 hover 시 툴팁으로 전체 값을 보여주는 기능까지 구현한다. See the Pen Untitled by note (@somieee) on CodePen.">See the Pen Untitled by note (@somieee) on CodePen.1.HTML 구조 과일 선택 사과 바나나 포도 딸기 수박 2.CSS 스타일.custom-select { width: 200px; border: ..

🖥️ 프론트엔드/🎨퍼블리싱 2025. 9. 1. 10:28

# CSS - placeholder 색상 변경하는 방법

placeholder 자체는 색상을 바꿀수 없고, CSS 가상 선택자를 선택해야 한다. 예를들어 input박스일 경우input::placeholder { color: #c8c8c8; /* 원하는 색상 */ opacity: 1; /* 브라우저 기본 투명도 제거 */}이런식으로 색상변경이 가능하다. textarea일 때textarea::placeholder { color: red;} 브라우저 호환성 때문에 아래처럼 벤더 프리픽스도 같이 쓰는 경우가 있다.input::-webkit-input-placeholder { color: #999; }input:-moz-placeholder { color: #999; }input::-moz-placeholder { color: #999; }input:-m..

🖥️ 프론트엔드/🎨퍼블리싱 2025. 9. 1. 09:11