HTML 5:突出显示文本框

时间:2013-10-01 09:46:57

标签: javascript android css html5

Android:jquery移动文本框在滚动时在固定标题上重叠

当用户点击任何文本框并开始滚动时,聚焦文本框重叠(显示在上方)固定标题。

https://www.dropbox.com/s/vk6nzeeqrx68uai/Screenshot_2013-10-01-10-19-39-2.png

有任何想法阻止文本框在用户点击该文本框时突出显示。

Img:https://www.dropbox.com/s/43nee5bw4x9grzk/Screenshot_2013-10-01-13-37-11-1.png

我希望第二个文本框在点击后也与第一个文本框相同。

由于 雷斯

2 个答案:

答案 0 :(得分:1)

在您的drawable中使用Selector.xml文件,然后使用两个不同的背景图像。一个是悬停图像,另一个是正常图像。

前:

 <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/hover_Bg" android:state_pressed="true"></item>
<item android:drawable="@drawable/hover_Bg" android:state_focused="true"></item>
<item android:drawable="@drawable/normal_Bg"></item>

</selector>

在你的布局设置中。

 <EditText
            android:id="@+id/firstname_edt"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:background="@drawable/Selector"
            android:inputType="textPersonName" >
        </EditText>

答案 1 :(得分:1)

对于混合应用程序(HTML5,JS),在元标记中使用user-scalable = no“。

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">