2017-02-12 33 views
1

我有這種東西,但每當我通過光標圖像上方盤旋,我得到這樣的標誌十字請參閱圖像圈叉如何刪除時禁用類啓用引導HTML CSS

enter image description here

這裏是代碼

<li id="dank-li" class="btn disabled"> 
    <img src="img/dank-logo.png" width="30px" height="30px"></img> 
    <a href="#text-carousel" data-slide-to="1"> 
     <h3 style="vertical-align: -5px;display: inline; margin-bottom: 15px; text-transform: none; padding-left: 5px;">Hello World</h3> 
    </a> 
</li> 

你能告訴我什麼是問題,以及如何通過CSS禁用?

回答

0

從您的<li>中刪除disabled類。 Bootstrap使用disabled類來更改光標。


我創建一個例子來說明發生這種情況: http://www.bootply.com/Cv0affYw82

<ul> 
    <li class="btn disabled">Disabled</li> 
    <li class="btn">Not disabled</li> 
</ul> 
+0

......更確切地說,「twitter bootstrap正在使用'disabled'類來改變光標,否則這是一個正確的答案。 – webeno

+0

修改它,但我認爲它基本上是說同樣的事情。謝謝! – PaulBGD

+0

或多或少,這只是從編程語言措辭的角度來看是不正確的......我建議的另一件事是*不*建議刪除類... OP顯然確實需要它,他們只是想擺脫鼠標指針改變效果...看到[unitario的答案](http://stackoverflow.com/a/42192694/2037924) – webeno

1

li元件上設置cursor: default覆蓋上禁用的內容引導默認光標。

+0

完美。謝謝! – tsaebeht

+0

有點解釋不錯,幫助人們理解,如果你這樣做,你也可以得到更多的選票...... – webeno

0

從列表中刪除「已禁用」類。