Setting the font size of the placeholder in an input field [CSS]

[former_member450060]

Hello together,

a little hopefully easy to resolve css styling question.

I want every placeholder for the ".sapMInputBaseInner" class to have a smaller font-size than default. My plan was to overwrite the class like this

.sapMInputBaseInner[placeholder]{
    font-size: 10px;
}

But that doesn't work. If I'm just trying to change to font-size of the placeholder for a specific input field, it also doesn't work.

.myInputField[placeholder]{
    font-size: 10px;
}

Any ideas why?

Thanks in advance!

[former_member227918 · Accepted solution]

Hi, check below if it helps,

for all input,

input.sapMInputBaseInner::placeholder {
    color: red !important;
    font-size: 10px;
} 
OR
.sapMInputBaseInner::placeholder {
    color: red !important;
    font-size: 10px;
}

For particular input,

#idInput::placeholder { color: red !important; font-size: 10px; }

-Akhilesh

[former_member450060 · Accepted solution]

That worked really fine! Thank you very much!