Css Google Chrome中的select标记显示小写选项

在Google Chrome中，我有一个select标签，上面有在浏览器中查看时以小写首字母呈现的国家。在所有其他浏览器中，它们都有大写字母。选项标签以小写首字母呈现，但我们有将其大写的样式。是否谷歌浏览器不知道如何应用这种风格？我在iFrame中的select中看到了Chromium问题列表中的问题；但是，此select标记不在iFrame中

从Mozilla查看时使用CSS:

.web_form div.form_field select {
  text-transform:capitalize;
}

.web_form div.form_field input[type="text"], .web_form div.form_field input[type="password"], .web_form div.form_field select {
  float: right;
  width: 200px;
  border: solid 1px #7B9EBD;
  text-transform: capitalize;
}

<select id="fld_country" name="fld_country" class="form_field">
    <option value="">Please Choose</option>
    <option value="233" title="US" selected="selected">united states</option>
    <option value="1" title="AF">afghanistan</option>

从Google Chrome查看时使用CSS:

.web_form div.form_field select {
  text-transform:capitalize;
}

.web_form div.form_field input[type="text"], .web_form div.form_field input[type="password"], .web_form div.form_field select {
  float: right;
  width: 200px;
  border: solid 1px #7B9EBD;
  text-transform: capitalize;
}

<select id="fld_country" name="fld_country" class="form_field">
    <option value="">Please Choose</option>
    <option value="233" title="US" selected="selected">united states</option>
    <option value="1" title="AF">afghanistan</option>

HTML（从任何浏览器）：

.web_form div.form_field select {
  text-transform:capitalize;
}

.web_form div.form_field input[type="text"], .web_form div.form_field input[type="password"], .web_form div.form_field select {
  float: right;
  width: 200px;
  border: solid 1px #7B9EBD;
  text-transform: capitalize;
}

<select id="fld_country" name="fld_country" class="form_field">
    <option value="">Please Choose</option>
    <option value="233" title="US" selected="selected">united states</option>
    <option value="1" title="AF">afghanistan</option>

请选择
美国
阿富汗

---

。。。。。。。继续

这似乎是谷歌Chrome的一个突出缺陷。最好使用javascript或服务器端解析字符串

---

错误重现：

这看起来像是您要更改的内容的选择器：

 .web_form div.form_field select 

试着让它更具体（或不那么具体）

比如：