Contact Form 7 – css styling issue

I would like to style placeholder text in Contact Form. So far have used this css:

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #313a45;
font-size: 1.3rem;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #313a45;
font-size: 1.3rem;
opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #313a45;
font-size: 1.3rem;
opacity: 1;
border: 1px solid #313a45;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #313a45;
font-size: 1.3rem;
}

All fields are styled as required, except for ‘number’ field. Why this field is not affected by css? How do I change it, so it has same styling as the rest?

I already tried to style it this way:
.wpcf7 input[type=”number”] {
color: #313a45;
font-size: 1.3rem;
}

It will change the font size, but no color. ???

Thank you for you answers

https://wordpress.org/plugins/contact-form-7/