I'm encountering two issues with the input box in my PhoneGap HTML5 CSS3 application.
1) Whenever I select or focus on the input, the background color changes to white and the text color becomes black. Have I overlooked a specific CSS property for this?
2) Another problem arises when I select or focus on the input field on my Android device and the keyboard pops up for text input. After typing and pressing "Done" on the keyboard, it disappears but the input field remains selected or focused. Is this a bug?
The code snippet I am using is as follows:
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<style type="text/css">
input, input:focus {
background:lime;
}
</style>
</head>
<body>
<input type="text" />
</body>
</html>
Here are two screenshots depicting the same issue in ANOTHER app:
Issue 1)
Issue 2)