选择标签显示小写选项

问题描述：

在谷歌浏览器，我有与小写首字母在浏览器查看时呈现国家选择标签。在所有其他浏览器中，它们都有大写字母。选项标签渲染与小写首字母，但我们有造型能够利用它们。谷歌浏览器不知道如何应用这种风格吗？我在Chromium问题列表中看到了在iFrame中选择的问题;但是，此选择标记不在iFrame中。从谷歌浏览器观看时选择标签显示小写选项

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

CSS：

.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; 
}

HTML（从任何浏览器）：从Mozilla的浏览

CSS时

<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>

.......继续

答

这似乎是谷歌浏览器的优秀的错误。你最好用JavaScript或服务器端解析字符串。

http://groups.google.com/a/chromium.org/group/chromium-bugs/browse_thread/thread/b54006f7a2b5fe5b

http://code.google.com/p/chromium/issues/detail?id=31349

错误转载：http://jsfiddle.net/wesbos/SgS85/

答

这看起来就像是你的选择为你想改变什么：

.web_form div.form_field select

尝试使它更具体的（或更少的特定）

赞：

.web_form div.form_field select option

选择标签显示小写选项

相关推荐