Question

<button type="submit" value="Log in" class="btn btn-lg btn-link" style="color: grey;"><i class="glyphicon glyphicon-log-in" style="font-size: xx-large"></i></button>

我添加了内联样式来更改按钮样式属性。现在，当我将鼠标指针悬停在它上面时，它不会改变不透明度。有没有办法指定？我正在使用twitter bootstrap 3.0

Answer 1

我会创建自己的css类，使用：hover然后设置html元素的opacity属性，如下所示：

.btn-opacity:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.btn-opacity {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

Answer 2

您可以尝试在CSS中添加该功能

button:hover{
  opacity: .5;
}

但是这指定当你悬停时所有按钮的不透明度都会变为50％，我不确定这是否有帮助！

Answer 3

.btn-link:hover{
    opacity: 0.5;
}

您需要为.btn-link添加不透明度，这样才不会影响您网站中的所有按钮

Answer 4

内联方法这对你有用..

<button onmouseover = "this.style.opacity = '0.5'" onmouseout = "this.style.opacity = '1'" type="submit" value="Log in" class="btn btn-lg btn-link" style="color: grey;"><i class="glyphicon glyphicon-log-in" style="font-size: xx-large"></i>submit</button>

在悬停引导程序上更改不透明度

4 个答案: