выберите тег в Google Chrome показывает строчные опции - PullRequest
Новая
       3

выберите тег в Google Chrome показывает строчные опции

4 голосов
/ 22 августа 2011

В Google Chrome у меня есть тег выбора со странами, которые отображаются в нижнем регистре с первыми буквами при просмотре в браузере . Во всех других браузерах они имеют заглавные буквы. Метки опций отображаются строчными первыми буквами, но у нас есть стиль, чтобы сделать их заглавными. Может быть, Google Chrome не знает, как применить этот стиль? Я видел проблему в списке проблем Chromium для выбора в iFrame; однако этот тег выбора отсутствует в iFrame.

CSS при просмотре из Mozilla: 

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

CSS при просмотре из Google Chrome: 

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

....... продолжение

Ответы [ 2 ]

3 голосов
/ 22 августа 2011

Это, похоже, выдающаяся ошибка в Google Chrome. Вам лучше разбирать строки либо с помощью 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/

0 голосов
/ 22 августа 2011

Похоже, это ваш селектор того, что вы пытаетесь изменить: 

 .web_form div.form_field select

Попробуйте сделать его более конкретным (или менее конкретным)

Как: 

 .web_form div.form_field select option
...