Question

当我将光标放在文本上时，如何才能使glyphicon悬停？现在它只是在我将光标放在glyphicon上时徘徊，但是当我将光标放在文本上时它什么也没做。

 <label for="PASIVOS">Data Enter</label>
  <div class="input_fields_wrap1">
<input class="add_field_button1" type="button" value="+ Add" />
    </div>

Answer 1

你没有正确地调用班级......只需改变

.navbar-nav li a:hover .hvr-pop

Answer 2

您好，您可以按照以下步骤进行操作;

<强> HTML

<div id="a" class="box">1</div>
<div id="b" class="box">2</div>
<div id="c" class="box">3</div>
<div id="d" class="box">4</div>

<强> CSS

.box{
  width: 50px;
  height: 50px;
  background-color:#aaa;
  display: inline-block;
}
#a:hover ~ #c {
    background: red;
}

您可以在此jsfiddle

中找到实时示例

Answer 3

我只需要打开hover.css并将包含hvr-pop的所有内容复制到

.navbar-nav li a:hover .hvr-pop{ 
        -webkit-transform: scale(1.2);
    transform: scale(1.2);
         display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
   -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

谢谢。

当光标在文本上时，使glyphicon悬停

3 个答案: