플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.


브라우저 종류에 관계 없이 select box에 스타일을 적용할 수 있게 해주는 플러그인


<link href="" rel="stylesheet" />
<script src=""></script>
<script src="//"></script>

   line-height: 30px;
   box-sizing: border-box;
   appearance: none;
   -webkit-appearance: none;

/* designSelect */
   border:1px solid #e2e2e4;
   border-radius: 0px;
   margin:1px 0px;
   z-index: 10;
.designSelect .box{
   text-align: left;
.designSelect .box::after{
   font-family: 'Font Awesome 5 Free';
.designSelect .option_container{
   border:1px solid #e2e2e4;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
   background: #fff;
.designSelect .option_container .option{
   text-align: left;
.designSelect .option_container .option:hover{

        if ($("select")[0]) {

<select name="option">
    <option value='1'>옵션1</option>
    <option value='2'>옵션2</option>






1. Line1 : fontawesome 링크를 추가 합니다.


2. Line2 : 제이쿼리를 설치 및 연결 합니다.


3. Line3 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.


4. Line46 ~ 55 : 스타일을 복사 그리고 붙여넣기 합니다. 웹 사이트에 맞게 수정 합니다.


5. Line59 ~ 65 : 스크립트를 복사 그리고 붙여넣기 합니다.



1. Line1: Add the Line1: fontawesome link.


2. Line2: Install and connect to jquery.

3. Line3: Register the domain after using the plug-in. Copy and paste code.


4. Line 46 ~ 55: Copy and paste the style. Modify it to fit your website.


5. Line59 ~ 65: Copy and paste the script.