How to center align placeholder in android browser?

Question

css

I noticed a feature of the browser on android, its input placeholder is always left-aligned. Can this be fixed?
Any "::-webkit-input-placeholder" doesn't work here(
<input type="text" placeholder="Наш placeholder">

Answer 1

Of course, I don’t pretend to be a solution:
Instead of a placeholder, I sometimes do this:

var tel = 'Ваш номер телефона*';

        $('#tel').val(tel);

        $('#tel').focus(function(){
            if($('#tel').val() == tel)
                $(this).val('');
        });

        $('#tel').blur(function(){
            if($(this).val() == ''){
                $(this).val(tel);
            }
        });

When loading, we put the value of the tel variable in our input.
Then, when you click on the input, we clear it if there is a text for the tel variable.
And if after moving the cursor away from the input we have an empty field, then we put tel there.
Disadvantage: unlike placeholder, when you press it, you can’t see what you need to enter (Although I think if you replace focus with presskey, there will be the same effect - you need to test it).
PS: Somehow I watched Webvisor on a site with a placeholder. The person could not enter his name, he constantly pressed backspace, trying to erase it :)

Answer 2

<center>Ваш placeholder</center>
Not?

Answer 3

Does text-align: center;n't it work?

Answer 4

Alternatively, use label and center absolutely inside the input