This is a migrated thread and some comments may be shown as answers.

css placeholder input not work on android

1 Answer 148 Views
HTML5, CSS, JavaScript
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
kwanchanok
Top achievements
Rank 1
kwanchanok asked on 01 Oct 2014, 04:00 AM
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;
}

1 Answer, 1 is accepted

Sort by
0
Martin Yankov
Telerik team
answered on 02 Oct 2014, 10:57 AM
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.

 
Tags
HTML5, CSS, JavaScript
Asked by
kwanchanok
Top achievements
Rank 1
Answers by
Martin Yankov
Telerik team
Share this question
or