Rectangle 27 0

Android has a bug here :(, centering just won't work. You can use this polyfill: https://github.com/diy/jquery-placeholder and it supports the "force" attribute. That attribute makes it run even on browser that "support" placeholder, like android.

$('#myInput').placeholder({force:true});

Then use regular CSS to style the placeholder class provided by the plugin

.placeholder{
  text-align: center;
}

webview - Center align placeholder issue in android - Stack Overflow

android webview placeholder
Rectangle 27 0

::-webkit-input-placeholder {text-align: center;}
<!DOCTYPE html>
<html>
<head>
    <style>
        input::-webkit-input-placeholder
        {
            text-align: center;
        }
    </style>
</head>
<body>
    <input type="text" placeholder="asdf" />
</body>
</html>

No luck, it's not worked for android, and still showing left aligned on android device.

webview - Center align placeholder issue in android - Stack Overflow

android webview placeholder