2015-08-31 2 views
0

Хорошо, я пытался исправить это в течение нескольких часов.Заполнитель Цвет текста не меняется

У меня есть текст-заполнитель, который не хочет менять цвет. В настоящее время я добавил этот CSS

::-webkit-input-placeholder { 
    color: red; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: red; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: red; 
} 

:-ms-input-placeholder { 
color: red; 
} 

Однако текст по-прежнему очень светло-серый.

Смотрите сайт: http://gravitylab.nz/articles/

помощь с благодарностью :)

+5

на какой браузер вы тестирование? для меня на FF он работает нормально: http://jsfiddle.net/vwy2gqy5/ – Julo0sS

+0

Работает для меня человек: http://codepen.io/eGOB/pen/MaWyBV – GOB

+0

Вы уверены, что определенные правила CSS импортированы? – laaposto

ответ

1

Попробуйте изменить код, чтобы

::-webkit-input-placeholder { color: red !important; } 

: -moz-заполнитель {/ * Firefox 18- */цветной : red! important; }

:: - moz-placeholder {/ * Firefox 19+ */color: red! Important; }

: -ms-input-placeholder {цвет: красный! Important; }

Возможно, его где-то переопределили ... Я попробовал его в таблице стилей инспектора вашей веб-страницы, и, похоже, это сработало для меня.

0

Я думаю, вы должны очистить кэш браузера полностью попробуйте ..

<html > 
    <head > 
    <style type="text/css"> 
     ::-webkit-input-placeholder { 
     color: red; 
    } 

    :-moz-placeholder { /* Firefox 18- */ 
     color: red; 
    } 

    ::-moz-placeholder { /* Firefox 19+ */ 
     color: red; 
    } 

    :-ms-input-placeholder { 
    color: red; 
    } 

    </style> 
     <title></title> 
    </head> 
    <body> 
     <form id="form1"> 
     <div> 
     <input type="text" placeholder="Hello Text" /> 
     </div> 
     </form> 
    </body> 
    </html> 


     [![enter image description here][1]][1] 



     [1]: http://i.stack.imgur.com/zXhbb.png 
Смежные вопросы