I'm looking to create a select dropdown menu that matches the style of other inputs in a bootstrap 3 form. You can view an example of what I want to achieve on this plunker or see the image below:
This CSS code is included in the header:
<!-- Bootstrap Core CSS -->
<link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/vitality-orange.css" rel="stylesheet" type="text/css">
How can I style the select dropdown to match the look of other input types? Here's the current snippet of code being used:
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label>
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Gender</label>
<select id="gender" class="form-control">
<option value="male">Man</option>
<option value="female">Woman</option>
</select>
</div>
</div>