Question

当用户点击表单的文本区域（右侧的登录表单）的中心或右侧时，不会发生任何事情。只有当用户点击这些区域的左侧时，它才会起作用。这是我的jsFiddle。

这是表格：

<form id="login" name="login">
    Username<input type="text" name="userid" size="25"/>
    Password<input type="password" name="pswrd"/>
    <input type="button" onclick="check(this.form)" value="Login"/>
    <input type="reset" value="Cancel"/>
</form>

如何使用它，以便在用户点击文本区域的任何一侧时启用它？

Answer 1

试试这个：

更改：

input {
    width: 10% !important;
}

到：

input {
    width: 100% !important;
}

小提琴：http://jsfiddle.net/dxzfbfpf/1/

Answer 2

CSS中的最后一项是

input {
    width: 10% !important;
}

删除它或覆盖：

.ui-input-text input {
    width: 100% !important;
}

Answer 3

样式表中的最后一件事：

input {
    width: 10% !important;
}

一起摆脱规则，它将起作用。这不是必需的。

鼠标点击不会启用输入文本

3 个答案: