4

Google Chrome には、ブラウザで表示したときに最初の文字が小文字でレンダリングされる国の select タグがあります。他のすべてのブラウザでは、大文字になります。オプション ラベルは最初の文字が小文字で表示されますが、大文字にするスタイルがあります。Google Chrome がこのスタイルを適用する方法を知らないのではないでしょうか? iFrame での選択に関する Chromium の問題リストで問題を見ました。ただし、この select タグは iFrame にはありません。

Mozilla から表示する場合の CSS:

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

Google Chrome から表示する場合の 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 (任意のブラウザーから):

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

.......続き

4

2 に答える 2

3

これは、GoogleChromeの未解決のバグのようです。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/

于 2011-08-22T18:13:19.330 に答える
0

これは、変更しようとしているもののセレクターのようです。

 .web_form div.form_field select

より具体的に (またはより具体的に) してみてください

お気に入り：

 .web_form div.form_field select option
于 2011-08-22T18:14:51.643 に答える