Этот css не работает с mozilla

Question

Я пытаюсь использовать css псевдоселектор. Как это сделать в Firefox?

input::-moz-placeholder { 
 
    color: #f00; 
 
    transition: all 0.3s; 
 
} 
 
input:focus:-moz-placeholder { 
 
    color: #1abc9c; 
 
    font-size: 11px; 
 
    transform: translateY(-20px); 
 
}

<input type="text" placeholder="test" />

Answer 1

Вы не реально сделать, что ясно в вашем вопросе, но я полагаю, что вы имеете в виду не работает, является изменение на «: фокус». Однако вы только что забыли вторую толстую кишку перед псевдоселектором, :focus::-moz-placeholder. Если добавить, что он работает, как предполагалось:

input::-moz-placeholder { 
 
    color: #f00; 
 
    transition: all 0.3s; 
 
} 
 
input:focus::-moz-placeholder { 
 
    color: #1abc9c; 
 
    font-size: 11px; 
 
    transform: translateY(-20px); 
 
}

<input type="text" placeholder="test" />