javascript - 我无法设置 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();