相关疑难解决方法(0)
如果在HTC设备上突出显示,WebView中的输入元素始终具有相同的样式
我目前正在编写一个应用程序,它使用嵌入式WebView来显示其内容,或者有时使用输入表单从用户查询数据.这些表单中的输入字段使用-webkit-css样式进行样式设置.
到目前为止,所有设备(在Nexus One上测试,LG Optimus 500,三星Galaxy S)都可以正常工作,除了具有HTC Sense的设备.在具有HTC Sense的设备上,如果选择了输入元素,则样式会丢失.使用input:focus {}在CSS没有帮助,有意识的HTC设备根本不理会.
这张图片说明了它,当前选择了"昵称",但仍然应该像"Vorname"和"Nachname"一样进行样式设置.
任何想法可能解决这个问题？
这是一个示例HTML页面(根据要求):
<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>
无需将其嵌入到应用程序中,只需将其放在某个Web服务器上并使用内置的Web浏览器打开它.
17
推荐指数
推荐指数
1
解决办法
解决办法
6451
查看次数
查看次数
Android - Webview,输入框加倍？
我正在尝试创建一个使用webview的Android应用程序,允许用户输入他们的用户名/密码,但在点击输入框时,他们会加倍(见下图).我正在使用iScroll jQuery插件,允许用户在键盘出现时滚动页面并阻止输入区域.这是layout/css:
CSS:
#scroller{
position:absolute;
overflow:hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index:0;
}
#scroll_content {
margin-top: 70px;/*must match the topbar height*/
padding-bottom:70px;
}
HTML:
...
<div id="scroller">
<div id="scroll_content">
<!-- page content here -->
</div>
</div>
...
我注意到,无论我在Android平台上查看哪个网页,它都会在我刚刚点击的输入上覆盖一个额外的输入框.我想,关键是在这种情况下禁用webview的默认值？你是怎么做到的,或者你甚至可以吗？
谢谢
12
推荐指数
推荐指数
1
解决办法
解决办法
4094
查看次数
查看次数