<div class="select">

    <select name="select">

        <option>select</option>

        <option>option</option>

        <option>option</option>

        <option>option</option>

        <option>option</option>

        <option>option</option>

        <option>option</option>

    </select>

</div>

.select {

    border:1px solid #e3e3e3;    

    border-radius:3px;

    color:#616263;

    overflow: hidden; 

    height: 40px;    

    width: 240px;

    position: relative;

    display: block;

}

​

select{       

    height: 40px;

    padding: 5px;

    background-color:#ececec;

    border: 0;

    outline: none;

    font-size: 16px;       

    width: 240px;

   -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.select:after {

    content:"▼";    

    padding: 12px 8px;

    position: absolute; right: 10px; top: 0;    

    z-index: 1;

    text-align: center;

    width: 10%;

    height: 100%;      

    pointer-events: none;

    box-sizing: border-box;   

}