android - para - htc sense caracteristicas
Los elementos de entrada en las vistas web siempre tienen el mismo estilo si se destacan en los dispositivos HTC (1)
Actualmente estoy escribiendo una aplicación que utiliza una vista web integrada para mostrar su contenido o, a veces, para consultar datos del usuario mediante formularios de entrada. Los campos de entrada en estos formularios están diseñados con estilos -webkit-css.
Esto funciona bien en todos los dispositivos (probados en Nexus One, LG Optimus 500, Samsung Galaxy S) hasta ahora, excepto en los dispositivos con HTC Sense. En los dispositivos con HTC Sense, el estilo se pierde si se selecciona el elemento de entrada. El uso de input:focus {} en el css no ayuda, los dispositivos HTC con Sense simplemente ignoran.
Esta imagen lo ilustra, el "Apodo" está actualmente seleccionado, pero aún así debe tener el mismo estilo que "Vorname" y "Nachname".
¿Alguna idea para solucionar este problema?
Aquí hay una muestra de una página HTML (a petición):
<html>
<head>
<meta name="viewport" content="target-densitydpi=low-dpi" />
<style type="text/css">
input[type="number"],
input[type="text"]{
border: 1px solid #CDFF3C;
background: #F3FECA;
width: 220px;
-webkit-border-radius: 4px;
-webkit-box-shadow: inset 1px 1px 4px #AAA;
-webkit-tap-highlight-color: rgba(205, 255, 60, 0.5);
}
body {
background:#ebffb9;
margin-right:0;
margin-left:0;
font-size: 14px;
}
</style>
</head>
<body>
<form name="data" action="/im/postdata" method="get" accept-charset="UTF-8">
<p class="edit">
<b>Vorname</b>
<br/>
<input type="text" name="3"/>
</input>
</p>
</form>
</body>
</html>
No es necesario incrustar esto en una aplicación, simplemente colóquelo en un servidor web en algún lugar y use el navegador web incorporado para abrirlo.
Podría estar relacionado con: ¿Cómo puedo diseñar una etiqueta de ENTRADA HTML para que mantenga CSS cuando se enfoca en Android 2.2+? .
De forma alternativa, puede utilizar una aplicación nativa que contenga un WebView y aplicar un tema en res / values / themes.xml a su aplicación, que reemplaza a webTextViewStyle con su propio estilo:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="MyTheme" parent="@android:syle/Theme">
<item name="android:webTextViewStyle">@style/MyWebTextView</item>
</style>
</resources>
Entonces asigna esto a tu aplicación en el Manifiesto:
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.mywebapp" android:versionCode="1" android:versionName="1">
<uses-permission android:name="android.permission.INTERNET" />
<application android:icon="@drawable/icon" android:label="@string/app_name"
android:theme="@style/MyTheme">
.
.
.
</application>
</manifest>
Luego simplemente cargue su html en su WebView y vea si el control de entrada de texto ha adoptado el nuevo estilo.