Question

http://bootsnipp.com/snippets/featured/custom-login-registration-amp-forgot-password

使用此代码段，我看到登录按钮具有以下CSS属性：

.login-form-1 .login-button {
  position: absolute;
  right: -25px;
  top: 50%;
  background: #ffffff;
  color: #999999;
  padding: 11px 0;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border: 5px solid #efefef;
  border-radius: 50%;
  transition: all ease-in-out 500ms;
}
.login-form-1 .login-button:hover {
  color: #555555;
  transform: rotate(450deg);
}
.login-form-1 .login-button.clicked {
  color: #555555;
}
.login-form-1 .login-button.clicked:hover {
  transform: none;
}
.login-form-1 .login-button.clicked.success {
  color: #2ecc71;
}
.login-form-1 .login-button.clicked.error {
  color: #e74c3c;
}

这是一个非常酷的片段，但实际点击登录按钮箭头时出现问题。在用户点击其他地方之前，周围形成一个蓝色正方形，不会消失。我在这段代码中找不到导致这种情况发生的原因。我试图真正删除这个片段的片段，这样我就可以完全拥有登录名和密码并记住我，并在点击时按下按钮调用一个函数，然后我可以找到以后使用的表单信息。

有什么想法吗？

Answer 1

解决了什么问题：

 <pre>
        var_dump($my_variable);
 <pre>

Answer 2

在您的ID，班级或代码上试试这个：

.className {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;     
  user-select: none;  
}

https://css-tricks.com/almanac/properties/u/user-select/

调试CSS代码段 - 删除按钮

2 个答案: