鼠标单击时未启用输入文本

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;
}

一起摆脱规则，它会起作用。不需要。

Answer 2

试试这个：

改变：

input {
    width: 10% !important;
}

到：

input {
    width: 100% !important;
}

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

Answer 3

CSS 中的最后一项是

input {
    width: 10% !important;
}

删除或覆盖：

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