<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>EMS Form</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">2 Sitting to Lying</label> <div class="col-md-4"> <div class="form-group form-group-control"> <label class="control-label stepform-label">แบบประกันภัย</label> <select id="ddlPoduct" class="form-control " style="display: block;"> <option value="">เลือกแบบประกันภัย</option> <option value="11" data-sa="เงินต้น">Easy T2</option> <option value="9" data-sa="ค่างวด">Easy Test Test Test Test Test Test Test Test Test </option> <option value="1" data-sa="ยอดขอสินเชื่อ">Easy</option> <option value="2" data-sa="ยอดขอสินเชื่อ">Easy 2 Wheels</option> <option value="3" data-sa="ยอดขอสินเชื่อ">Easy 4 Wheels</option> <option value="4" data-sa="ยอดขอสินเชื่อ">Truck 20-49</option> <option value="5" data-sa="ยอดขอสินเชื่อ">Truck 50-60</option> </select> </div> </div> </div> </fieldset> </form>

select.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 5px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .075); box-shadow: inset 0 5px 5px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } select.form-control:focus { border-color: #f00; -webkit-box-shadow: #00f 6px #f00; box-shadow: #0f0 6px #f00; }