Cacher is the code snippet organizer for pro developers

<style>

.form-default-times {
    overflow: hidden;
    width: 100%;
    height: 40px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #4e4ca0 !important;
    z-index:7;
}
.form-default-times select{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:100%;
    border: none !important;
    height:40px;
}

.form-default-times:before{
   position:absolute;
   top:0;
   right:0;
   background:#86c546 url('../images/calendar.png') no-repeat 50% 6px;
   width:70px;
   height:40px;
   display:block;
   content:"";
   pointer-events: none;
   z-index:5;
}
.form-default-times select::-ms-expand {
    display: none;
}
</style>

                                <div class="form-default-times">
                                        <select class="form-control">
                                        <option> 1.00PM </option>
                                         <option> 2.00PM </option>
                                         <option> 3.00PM </option>
                                       </select>
                                      
                                   </div>