28 CSS 선택 상자

무료 HTML 및 CSS 사용자 지정 선택 상자 코드 예제 모음 : 드롭 다운, 다중, 사용자 지정 화살표 등. 2018 년 6 월 컬렉션 업데이트. 4 개의 새 항목.

1. jQuery 선택 상자
2. 부트 스트랩 다중 선택 상자

코드 정보

사용자 지정 선택 상자

사용자 지정 선택 상자 드롭 다운 스타일 지정

호환 가능한 브라우저 : Chrome, Edge, Firefox, Opera, Safari

반응 형 : 예

종속성 : font-awesome.css

코드 정보

방향 인식 호버 효과가있는 순수 CSS 선택 상자

순수 CSS 선택 JavaScript없이 상자. 옵션에 마우스 오버가있을 때 옵션 내부의 아이콘 동작은 마우스 오버 방향에 따라 결정됩니다. 즉, 마우스 오버 또는 다운 마우스 오버 (방향 인식 마우스 오버 효과)

호환 브라우저 : Chrome, Edge, Firefox, Opera , Safari

반응 형 : 예

종속성 : font-awesome.css

코드 정보

순수 CSS 선택 상자

자바 스크립트 및 기본 요소를 사용하지 않는 선택 상자

호환 브라우저 : Chrome , Edge, Firefox, Opera, Safari

반응 형 : 예

종속성 :-

코드 정보

반응 형 사용자 정의 선택 상자

사용자 정의 스크롤이있는 반응 형 사용자 정의 선택 상자

코드 정보

이미지 선택

가짜 로딩을 통한 이미지 선택

코드 정보

Materialise Select

Materialize JS 스타일 선택.

코드 정보

사용자 정의 선택 래퍼

사용자 정의 CSS 선택 래퍼.

사용자 지정 선택

HTML, CSS 및 jQuery 사용자 지정 선택.
Made by Alessandro Falchi
2017 년 4 월 5 일

Optio 사용자 지정 선택 n

사용자 정의 선택은 브라우저에서 선택의 일반적인 스타일을 변경하도록 설계되었으며 JS를 사용하여 클릭 할 때 목록을 표시하고 SCSS를 사용하여 스타일을 제공합니다. 선택한 속성이 제대로 작동하는지 테스트합니다.
Made by Dany Santos
2017 년 2 월 8 일

머티리얼 디자인 선택 드롭 다운

HTML, CSS 및 JavaScript.
Made by Sam Murphey
2017 년 1 월 20 일

옵션 상호 작용 선택

깨끗한 애니메이션의 좋은 예입니다. TweenMax GSAP로 제작되었습니다.
Made by Bhakti Al Akbar
2016 년 12 월 7 일

선택 상자

HTML, CSS 및 JS가 포함 된 선택 상자.
Made by Nipun Paradkar
10 월 2016 년 12 월 22 일

CSS 스타일 및 필터링 가능한 선택 드롭 다운

선택 드롭 다운-HTML, CSS 및 바닐라 JS를 사용하여 스타일이 지정되고 필터링 가능합니다. 입력 필드를 사용하여 드롭 다운 목록에서 값을 가져옵니다.
Mari Johannessen 제작
2016 년 10 월 13 일

CSS 만 선택

CSS 만 선택 (라디오 + 확인란).
Made by Aoyue
2016 년 8 월 24 일

자리 표시자가있는 상자 선택

자리 표시자가있는 HTML 및 CSS 선택 상자.
Made by James Nowland
2016 년 5 월 16 일

CSS 전용 선택

라디오 입력을 사용하여 입력을 선택합니다.
Made by Nicolas Udy
2016 년 5 월 9 일

Pure CSS Select

Select input, only CSS.
Made by Raúl Barrera
2016 년 4 월 8 일

Pretty Select 드롭 다운

이 스틸 입력을 사용하여 양식 제출 변수를 유지하면서 주로 CSS에 의존합니다.
Made by j0be
2016 년 1 월 15 일

사용자 지정 선택 상자

jQuery가있는 사용자 지정 선택 상자.
Made by Vijaya Kumar Vulchi
2016 년 1 월 7 일

Material Design Select

Material design select jQuery 버전.
Made by LukyVJ
2016 년 1 월 3 일

수평 선택

단순 수평 선택을 선택합니다.
Made by Bharani
2015 년 11 월 23 일

코드 정보

CSS로 선택 상자 스타일 지정

CSS만을 사용하여 선택 드롭 다운 스타일을 창의적으로 지정할 수 있습니다.

호환 가능한 브라우저 : Chrome, Edge, Firefox, Opera, Safari

반응 형 : 예

종속성 :-

사용자 지정 선택

선택 입력을 사용자 지정하는 손쉬운 방법.
Made by Christophe CORBALAN
2015 년 9 월 10 일

메뉴 선택

HTML, CSS 및 JavaScript로 메뉴를 선택합니다.
Made by Pierre Laurent
2015 년 6 월 23 일

맞춤 선택

매우 매우 기본적인 맞춤 선택입니다.
Made by Yusuf
2015 년 5 월 1 일

사용자 지정 선택

애니메이션으로 사용자 지정 선택.
제작 : Nikolay Talanov
2014 년 9 월 5 일

Selectionator

다중 선택 위젯에 대한 개념 증명.
Made by Benjamin
2014 년 5 월 23 일

CSS3 C ard Deck Drop Down

HTML, CSS 및 JS 카드 데크 드롭 다운.
Made by Tibor Katelbach
2013 년 7 월 23 일