2011-08-22 136 views
4

在谷歌浏览器,我有与小写首字母在浏览器查看时呈现国家选择标签。在所有其他浏览器中,它们都有大写字母。选项标签渲染与小写首字母,但我们有造型能够利用它们。谷歌浏览器不知道如何应用这种风格吗?我在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> 

.......继续

回答

0

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

.web_form div.form_field select 

尝试使它更具体的(或更少的特定)

赞:

.web_form div.form_field select option