css placeholder input not work on android

2 posts, 0 answers
  1. kwanchanok
    kwanchanok avatar
    22 posts
    Member since:
    May 2014

    Posted 30 Sep 2014 Link to this post

    i custom css on placeholder of input text, color is red both android and iphone but text-indent is work only on iphone. what shoud i do?

    my css :

    #searchTextBox::-webkit-input-placeholder {
      text-indent: 1.6em!important;
        color: red;
    }

    #searchTextBox:-ms-input-placeholder {
       text-indent: 1.6em!important;
       color: red;
    }
    #searchTextBox:-moz-placeholder {
        text-indent: 1.6em!important;
        color: red;
    }
    #searchTextBox::-moz-placeholder {
        text-indent: 1.6em !important;
        color: red;
    }
  2. Martin Yankov
    Admin
    Martin Yankov avatar
    177 posts

    Posted 02 Oct 2014 Link to this post

    Hi Kwanchanok,

    I have initially tested this on a Nexus 5 with Android 4.4 and could not reproduce the problem, i.e. the placeholder indentation works there. I was able to reproduce the problem on a Galaxy Nexus with Android 4.2. As you can see in this issue, there was a bug in the Android web view that caused placeholder indentation to not work. This bug has been fixed in Android 4.4.

    I hope this information is useful. Let me know should you have any other questions.

    Regards,
    Martin Yankov
    Telerik
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
Back to Top