Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <div class="form-group before">
          <label>Before</label>
          <select class="form-control">
            <option>Value 1</option>
            <option>Value 2</option>
            <option>Value 3</option>
          </select>
          <label>Before Disabled</label>
          <select class="form-control" disabled>
            <option>Value 1</option>
            <option>Value 2</option>
            <option>Value 3</option>
          </select>
        </div>
        <div class="form-group after">
          <label>After</label>
          <select class="form-control">
            <option>Value 1</option>
            <option>Value 2</option>
            <option>Value 3</option>
          </select>
          <label>After Disabled</label>
          <select class="form-control" disabled>
            <option>Value 1</option>
            <option>Value 2</option>
            <option>Value 3</option>
          </select>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
 
​
.after .form-control::-ms-expand {
  border: 0;
  background-color: white;
}
​
.after .form-control[disabled]::-ms-expand {
  background-color: #eee;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers