Question: [here is the image](http://i.stack.imgur.com/eHAoo.png) I want to add a bootstrap **caret** class in my select dropdown menu.

```css
.select_menu{
  font-size: 12px;
  outline: none;
  border: thin #ddd solid;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #F7F7F7;
}
```

```html
<select class="form-control select_menu" style="">
    <option>Click here to select purpose</option>
    <option>Option 1</option>
    <option>Options 2 </option>
</select>
```

I have used bootstrap form-control. How can I add caret to select dropdown menu.

Answer: 
None of the answers worked properly for me. And if it worked, the Angular routing did not work on reload.  

 So this is how I solved it. Angular routing works even on full page reload.

```
function getRoot(request, response) {
   response.sendFile(path.resolve('./public/angular/index.html'));
}

function getUndefined(request, response) {
   response.sendFile(path.resolve('./public/angular/index.html'));
}

// Note the dot at the beginning of the path
app.use(express.static('./public/angular'));

app.get('/', getRoot);
app.get('/*', getUndefined);

```

> 
> **NO angular base-href rewrite is required! Just use `ng build` or `ng build --prod`.**
> 
> 
>
Here is full back end code which is working

```
const express = require('express');
var app = express();
var port = 9999;

function getRoot(request, response) {
    response.sendFile(path.resolve('./public/angular/index.html'));
 }

 function getUndefined(request, response) {
     response.sendFile(path.resolve('./public/angular/index.html'));
 }

 app.use(express.static('./public/angular'));

 app.get('/', getRoot);
 app.get('/*', getUndefined);

 // Start server
 app.listen(port, function () {
    console.log('server running at port: ' + port);
}); 

```