styling placeholder pseudo работает только в фокусе?

Question

У меня возникли проблемы с CSS с помощью HTML5-заполнителя в FF и Chrome. Пример:

http://jchmusic.com 

... щелкните по главному меню «Контакт».

Похоже, что если форма является позицией: абсолютная, текст псевдонима-псевдоним - только работает, если поле находится в фокусе (выбрано). В противном случае он просто возвращается к стилю «реального» элемента.

Если форма позиция: относительная, работает нормально.

Вот код, я использую

input:-moz-placeholder{color:#999; font-family:"Courier New", Courier, monospace} 
input:-ms-input-placeholder{color:#999; font-family:"Courier New", Courier, monospace} 

::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; font-family:"Courier New", Courier, monospace 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; font-family:"Courier New", Courier, monospace 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999 !important; 
    font-family:"Courier New", Courier, monospace; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
    font-family:"Courier New", Courier, monospace 
} 

Я прочитал пару анекдотов здесь относительно «зависать», но я не знаю, если это относится к моей ситуации. Есть ли обходной путь с CSS или мне просто нужно вернуться к jQuery?

Answer 1

Я проверил ваш код и я заметил, что некоторые Javascript добавляет

class="placeholder" 

к входам, когда не были выбраны, которые могут быть изменяющих поведение нормального заполнителем. Это похоже на вмешательство jQueryUI