2011-08-22 161 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