Problem with styling of placeholders

  • Hi,
    I have a problem with the styling of CF7 placeholders. I want to style all placeholders in the same color. Lets say: red. I have code, that works perfectly in Chrome, but in Firefox some placeholders are nor red, they have a kind of layer on them that makes them rather pink. Maybe it is also some opacity, I do not know.

    The main problem is, that no codeinspector (neither Firebug nor the built in inspector) shows where the light-red (pink) color comes from. I even gave classes to each field to target the fields more easily, but it does not change nothing. Here is some of my code: 

    input[type="text"],
input[type="email"],
textarea,
.cf7_myclass, 
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
input:-moz-placeholder,
placeholder   
                         { 
                         color:red !important; 
                          }

    Does anybody know what is the problem?
    Thanks!
    rabox

Viewing 2 replies - 1 through 2 (of 2 total)
  • ThemeSumo

    (@themesumo)

    Can yo provide a link to your site that clearly shows the issue you’re having and I’ll inspect further?

    Thanks.

    Thread Starter rabox66

    (@rabox66)

    Hi ThemeSumo,
    thank you for your answer. E.g. go to https://www.lehmhausen.de/egagierte-mitarbeit/ and watch it in FF and in Chrome. Both Browsers offer different views: In chrome all text is in one color: dark gray. In FF there are two different colors: light gray and dark gray. And I do not see any reason why only SOME lines are lighter then others. Also the codeinspector does not show whatever causes this problem.
    Greetings
    rabox

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with styling of placeholders’ is closed to new replies.