如何更改选择框选项的样式

Question

我想实现以下目标：

我成功地改变了选择框本身的样式，但没有改变其中的项目。

我在前面有角度，我也使用bootstrap 3，这是我到目前为止做的简单代码：  HTML：

 < select ng-model='generator.type' class='form-control'>
                    <option class='options' value=''>Choose type...</option>
                    <option class='options' value='Multiple choice'>Multiple choice</option>
                     <option class='options' value='text box'>Text box</option>
                    <option class='options' value='just text'>Just text</option>
                    <option class='options' value='date'>Date</option>
                    <option class='options' value='video'>Video</option>
                    <option class='options' value='iframe'>Iframe</option>
                </select>

CSS：

select{
      background-color:#dddbdb;
      font-size:17px;
      color:#777676;
      line-height:1;
      background: url(../psdimages/selectarrow.png) no-repeat right #ddd;
       background-position: 98% 55%;
       -webkit-appearance: none;
  }

select .options{
    padding:20px; //just to see if it works, it doesn't...
} 

我该怎么办？在内部选项样式中似乎没有任何改变......