单击“Bootstrap密码”部分

时间:2014-03-30 23:51:46

标签: html css twitter-bootstrap

编辑:我很好看这个问题,这与它有关,不知道为什么但是在文本输入中,它是在没有突出显示时删除密码输入的四舍五入,如果我删除这些行,然后全部四舍五入:

.login .form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.login .form-signin input[type="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

很抱歉不知道如何最好地说出这个主题,但是我遇到了这个问题,其中密码字段的舍入位置在错误的地方无缘无故,当您点击密码字段时它会移动登录按钮向下,圆角进入正确的底部2角。据我所知,HTML和CSS与bootstrap几乎完全相同。

这是

之前和之后的图像

之前:

before

之后:

after

您可以看到密码字段底部与登录字段之间的空格差异,并且四舍五入被破坏。这也仅发生在不支持webkit的浏览器中,例如IE8或IE9。我知道它应该有用,因为它可以在其他登录表单中使用,例如bootstrap网站上的示例。

由于 - 丹

1 个答案:

答案 0 :(得分:0)

如果不知道你的css和html是什么样子就很难回答,但是当你专注于它时,似乎是一个类被添加到密码输入中。

如果使用chrome:检查密码字段上的元素,右键单击开发工具中的元素,然后选择“强制元素状态”' > ':焦点&#39 ;. 如果有不同的属性,您应该能够通过比较强制状态和正常状态来判断