Question

＆＃13;

.form-signin input[type="text"]:focus{
	
	border: 1px solid blue;
}

.form-signin input[type="password"]:focus{
	
	border: 1px solid blue;
	outline: none;
	box-shadow:none;
	
}



.form-signin input[type="text"]:hover{
	
	border: 1px solid black;
	box-shadow: none;
}

.form-signin input[type="password"]:hover{
	
	border: 1px solid black;
	outline: none;
	box-shadow:none;
	
}

.form-signin input[type="text"]
{
	border: 1px solid #8c8c8c;
    margin-bottom: 10px;
	width: 500px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    display: block; 
	margin: 10px auto;
	width: 500px;
	border: 1px solid #8c8c8c;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

＆＃13;

<html>
</body>

<form class="form-signin">
                <input type="text"  class="form-control" method="post" placeholder="Email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email'" required  />
                <input type="password" class="form-control" placeholder="Password" onfocus="this.placeholder = ''" onblur="this.placeholder = 'password'"  required>

  </form>

</body>
</html>

＆＃13;

我添加了：悬停和：专注于我的网页上的电子邮件和密码的输入字段。问题是，当一个字段被聚焦，即点击时，悬停效果仍然保持活动状态，我想禁用它。更确切地说，让我们假设我给边框：颜色属性：悬停和：焦点如下

默认 - ＆gt;灰色

悬停 - ＆gt;黑

焦点 - ＆gt;蓝色

所以根据上面的假设，点击任意一个输入字段后，BOX应该变成蓝色，无论我的鼠标是否悬停在盒子上，它应该保持蓝色，但该死的！盒子变成黑色＆gt; :(我希望我不会弄乱你的大脑。

让您更好地理解我想要解决的问题我将在下面留下链接以获取topcoder的登录页面

https://accounts.topcoder.com/connect

这里是显示我有什么问题的片段

Answer 1

在悬停时看起来有框阴影和较粗的边框渲染。我把这个代码放在检查器中，似乎它摆脱了你的悬停问题。

input.widest.ng-pristine.ng-empty.ng-invalid.ng-invalid-required.ng-touched:hover {
    box-shadow: none;
    border: 1px solid #b7b7b7;
}

一旦聚焦，如何禁用悬停效果

1 个答案: