我无法将CSS设置为选择框选项

Question

我在选择框中添加选项后使用电子选择框我无法将自定义css设置为特定选项。

<select class="form-control height_42px" id="slctSubPurpose" tabindex="0">
  <option value="">*Select Reason for Remittance</option>
  <option value="Rent1">Rent1</option>
  <option value="Rent2">Rent2</option>
  <option value="Security deposit for accommodation">Security deposit for accommodation</option>
  <option value="dfgdfg">dfgdfg</option>
  <option value="hg">hg</option>
</select>

我动态添加一个选项后

$('#slctSubPurpose').append($('<option>', { 
  value: 'view more',
  text: 'View More'
}));    
$('#slctSubPurpose').selectric();

现在我想更改“查看更多”的样式。只有选项，但我不能。请帮我。我试图添加类但没有应用效果。

Answer 1

在创建它时给它一个类，你就能够设置该类的风格

$('#slctSubPurpose').append($('<option>', { 
  value: 'view more',
  text: 'View More',
  class: 'view-more'
}));    
$('#slctSubPurpose').selectric();