Drop Downs

Dropdown (Normal)   Dropdown (Normal - Group)   Dropdown (Disabled)   Selected   Unselected
     
 
           
<select style="width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #CCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -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;" name="menu3" onchange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO" size="1"> <option value="#">Enabled</option> <option value="#">Selection 1</option> <option value="#">Selection 2</option> </select> <select style="width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #CCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -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;" name="menu3" onchange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO" size="1"> <option value="home_edi.html" selected="">Select</option> <optgroup label="Health Care Claim Status" style="color: #333333 !important; font-weight: bold"> <option value="" style="color: #595959">276 Request</option> <option value="" style="color: #595959">277 Response</option> </optgroup> <optgroup label="Health Care Services Review " style="color: #333333 !important; font-weight: bold"> <option value="" style="color: #595959">278</option> </optgroup> <optgroup label="Health Care Eligibility/Benefit" style="color: #333333 !important; font-weight: bold"> <option value="" style="color: #595959">270 Inquiry</option> <option value="" style="color: #595959">271 Response</option> </optgroup> <optgroup label="Premium Payment" style="color: #333333 !important; font-weight: bold"> <option value="" style="color: #595959">820</option> </optgroup> <optgroup label="Benefit Enrolment and Maintenance" style="color: #333333 !important; font-weight: bold"> <option value="" style="color: #595959">834</option> </optgroup> </select> <select style="width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #CCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -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; cursor: not-allowed; color: #4F4F4F; background-color: #f3f1f1; cursor: not-allowed" name="menu3" onchange="window.document.location.href=this.options[this.selectedIndex].value; " value="GO" disabled="disabled"> <option value="" selected="selected">Disabled</option> <option value="">Selection 1</option> <option value="">Selection 2</option> </select> <td align="center" nowrap="" style="padding: 5px; background-color: #03789b; border: 1px solid #03789b; width: 80px"><a href="#"> <div class="shell-icon"><span class="icon icon-lg icon-menu" style="color: #fff"><i class="fas fa-info"></i></span></div> </a></td> <td align="center" nowrap="" style="padding: 5px; background-color: #fff; border: 1px solid #03789b; width: 80px"><a href="#"> <div class="shell-icon"><span class="icon icon-lg icon-menu" style="border: 1px solid #03789b; background-color: #fff; color: #03789b"><i class="fas fa-info"></i></span></div> </a></td>

If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.