Remove arrows from form element select in Bootstrap 3

Question

I would like to remove the up/down arrows that show up next to the clock icon on right. Here is the image: Here is the HTML: ```

Date:

``` After applying the suggest css change below this is the result:

Accepted Answer

Try this using the `appearance` property:

The `appearance` property allows you to make an element look like a standard user interface element.

```
select.form-control {
  -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}
```

Solution