與CSS

HTML按鈕我有這個CSS的按鈕 -與CSS

a.button { 
    border-top: 1px solid #7f93bc; 
    background: #7f93bc; 
    background: -webkit-gradient(linear, left top, left bottom, from(#7f93bc), to(#7f93bc)); 
    background: -moz-linear-gradient(top, #7f93bc, #7f93bc); 
    padding: 10.5px 21px; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 
    box-shadow: rgba(0,0,0,1) 0 1px 0; 
    text-shadow: rgba(0,0,0,.4) 0 1px 0; 
    color: white; 
    font-size: 18px; 
    font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; 
    text-decoration: none; 
    vertical-align: middle; 
    } 
a.button:hover { 
    border-top-color: #0e1f5b; 
    background: #0e1f5b; 
    color: #ffffff; 
    } 
a.button:active { 
    border-top-color: #0e1f5b; 
    background: #0e1f5b; 
    }

下面原來的鏈接。我想讓它變成上述風格的按鈕。我可以用下面的內容替換下面的內容

$theOffers .= "<br><li class=\"gateway-offer\"><a href=\"http://fakeurlforanon/aff_c?offer_id=".$offer['id']."&aff_id=$affiliateId\" target=\"_blank\">$offer[name]</a></li><br>";

來源

2011-05-20 Shane G

只需將該類添加到標籤：

...ffer\"><a class=\"button\" href=\"http://fakeurlf...

來源

2011-05-20 01:54:46

快45秒 - 做得好！ – Beejamin 2011-05-20 01:56:44

這仍然顯示一個鏈接。 – 2011-05-20 02:12:33

您需要添加演示。你有3個迴應，都基本相同......所以你在別的地方還有其他問題。 – 2011-05-20 02:14:29

看起來像你只需要添加class="button"到你的錨標記，像這樣：

$theOffers .= "<br><li class=\"gateway-offer\"><a class=\"button\" href=\"http://fakeurlforanon/aff_c?offer_id=".$offer['id']."&aff_id=$affiliateId\" target=\"_blank\">$offer[name]</a></li><br>";

這應該使它挑調整你已有的所有按鈕樣式。

來源

2011-05-20 01:56:15 Beejamin

這會導致整個頁面無法加載。 – 2011-05-20 02:11:20

糟糕 - 我忘了逃避按鈕標籤周圍的引號。現在更新。 – Beejamin 2011-05-20 02:13:07

不用客氣。 – Beejamin 2011-05-20 02:13:19

你忘了實際指定<a>應該是button類。

$theOffers .= ' 
<br /> 
<li class="gateway-offer"> 
    <a class="button" href="http://fakeurlforanon/aff_c?offer_id=' . $offer["id"] . '&amp;aff_id=' . $affiliateId. '" target="_blank">' . $offer["name"] . '</a> 
</li><br />';

來源

2011-05-20 01:58:20 Marty

回答

相關問題