指定一個按鈕到colorbox

Question

我有一個Colorbox定位標記，它打開一個帶有外部html的框。

我想一個CSS按鈕附加到錨操作彩盒，而不是文字， 但CSS按鈕已經有一個錨類的..

我應該如何去添加的按鈕顏色框錨？

按鈕和彩盒：

Button: <a href="#" class="lightbutton">Signup</a> 
Colorbox: <p><a class='iframe' href="/comp/form.html">Click Here</a></p> 

JS：

<script> 
      $(document).ready(function(){ 
       //Examples of how to assign the ColorBox event to elements 
       $(".group1").colorbox({rel:'group1'}); 
       $(".group2").colorbox({rel:'group2', transition:"fade"}); 
       $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); 
       $(".group4").colorbox({rel:'group4', slideshow:true}); 
       $(".ajax").colorbox(); 
       $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344}); 
       $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409}); 
       $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
       $(".inline").colorbox({inline:true, width:"50%"}); 
       $(".callbacks").colorbox({ 
        onOpen:function(){ alert('onOpen: colorbox is about to open'); }, 
        onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, 
        onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, 
        onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, 
        onClosed:function(){ alert('onClosed: colorbox has completely closed'); } 
       }); 

       //Example of preserving a JavaScript event for inline calls. 
       $("#click").click(function(){ 
        $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); 
        return false; 
       }); 
      }); 
     </script> 

• 我不添加按鈕CSS，因爲我不認爲它相對的，如果 是請註明所以和虐待加。

Answer 1

您可以添加多個類別相同的元素：來自兩類

<a href="#" class="lightbutton someOtherClass">Signup</a> 

樣式將被應用。如果樣式衝突，則將應用來自最強選擇器的規則。