光標：指針; css不工作

爲什麼#go-button div不顯示光標是「指針」？光標：指針; css不工作

下面是HTML：

<div class="row"> 
    <div class="col-sm-12"> 
     <div id="go-button" class="with-border clickable" href="#find-vegan-products-page" > 
      <h5 class=" text-center medium-text">GO</h5> 
     </div> 
    </div> 
</div>

這裏是CSS：

#go-button { 
     font: 200 14px 'Helvetica Neue' , Helvetica , Arial , sans-serif; 
     border-radius: 6px; 
     height: 64px; 
     text-decoration: none; 
     width: 100%; 
     margin-top: 20px; 
     background-color: #fc4747; 
     padding: 12px; 
     border: 0; 
     color: #fff; 
    } 
    #go-button h5 { 
     font-size: 16px; 
     font-weight: 200; 
    } 
    #go-button h5 #go-button.clickable { 
     cursor: pointer !important; 
     z-index: 999; 
    } 
    #try-now-button:hover, 
    #go-button:hover { 
     text-decoration: none; 
     background-color: #ff8282; 
    }

來源

2016-03-13 BeniaminoBaggins

#go-button h5 #go-button.clickable意味着目標是id="go-button"與class="clickable"這是一個H5內側和H5是與一個元件內部id="go-button"。

儘量只把cursor: pointer第一rulest #go-button
刪除#go-button h5 #go-button.clickable
不需要z-index:999或!important要麼

片段

#go-button { 
 
    font: 200 14px'Helvetica Neue', Helvetica, Arial, sans-serif; 
 
    border-radius: 6px; 
 
    height: 64px; 
 
    text-decoration: none; 
 
    width: 100%; 
 
    margin-top: 20px; 
 
    background-color: #fc4747; 
 
    padding: 12px; 
 
    border: 0; 
 
    color: #fff; 
 
    cursor: pointer; 
 
} 
 
#go-button h5 { 
 
    font-size: 16px; 
 
    font-weight: 200; 
 
} 
 
#try-now-button:hover, 
 
#go-button:hover { 
 
    text-decoration: none; 
 
    background-color: #ff8282; 
 
}

<div class="row"> 
 
    <div class="col-sm-12"> 
 
    <div id="go-button" class="with-border clickable" href="#find-vegan-products-page"> 
 
     <h5 class=" text-center medium-text">GO</h5> 
 
    </div> 
 
    </div> 
 
</div>

來源

2016-03-13 06:19:39 zer00ne

光標：指針; css不工作

回答

相關問題