禁用菜單中的鏈接按鈕

這裏是我創建菜單的小提琴。我想保持第一個鏈接啓用和休息被禁用。禁用菜單中的鏈接按鈕

應該看的時候，我們採取的鼠標從該鏈接等。我想要禁用Green和Red鏈接。

HTML

<div class="home-content"> 
    <div class="menu-bar"> 
     <ul class="nav nav-tabs"> 
      <li data-color="#00f" class="active"><a href="#">Blue<sup>beta</sup></a></li> 
      <li data-color="#0f0"><a href="#">Green<sup>beta</sup></a></li> 
      <li data-color="#f00"><a href="#">Red</a></li> 
     </ul>       
    </div> 
</div> 

<label id="l1"> Change color </label>

CSS版本部分處理呢？

來源

2014-01-14 Programming_crazy

你可以使它看起來被禁用，但你實際上不能使用CSS來禁用鏈接。你需要像凱文所說的JavaScript/HTML。

請確保您添加禁用類這項工作，像這樣：

<div class="home-content"> 
    <div class="menu-bar"> 
    <ul class="nav nav-tabs"> 
     <li data-color="#00f" class="active"><a href="#">Blue<sup>beta</sup></a></li> 
     <li data-color="#0f0" class="disabled"><a href="#">Green<sup>beta</sup></a></li> 
     <li data-color="#f00" class="disabled"><a href="#">Red</a></li> 
    </ul>       
    </div> 
</div>

，然後在你的CSS：

.disabled > a 
{ 
    text-decoration: none; 
    cursor: default; 
}

它看起來不是一個鏈接，但它仍然是。這是最好的，你可以只用純CSS做

fiddle

編輯：刪除顏色變化

來源

2014-01-14 17:39:55

嘿感謝，這應該工作，但它確實表明催產素效果看http://jsfiddle.net/ karimkhan/Sv3Vm/3 /它應該默認顯示深灰色 –

bg顏色的那個按鈕也應該是黑色的 –

http://jsfiddle.net/Sv3Vm/5/這是怎麼回事？更新了CSS –

您可以將class="disabled"添加到li元素以獲取禁用的視覺效果。

<ul class="nav nav-tabs"> 
    <li data-color="#00f" class="active"><a href="#">Blue<sup>beta</sup></a></li> 
    <li data-color="#0f0" class="disabled"><a href="#">Green<sup>beta</sup></a></li> 
    <li data-color="#f00" class="disabled"><a href="#">Red</a></li> 
</ul>

有關如何禁用選項卡的文檔，請參閱Bootstrap。請注意它只是應用了CSS，並且您還必須禁用a標籤的功能。

來源

2014-01-14 17:34:16

禁用菜單中的鏈接按鈕

回答

相關問題