按鈕CSS顯示不正確

-2

我試圖在此頁面上獲取'Add to Cart'和'Checkout'按鈕的樣式：http://liff2013.com/product-passes/voodoo-package.html與此頁上的完全相同：http://liff2013.com/workshops。按鈕CSS顯示不正確

未點擊，按鈕基本相同，但是當您單擊（並按住）按鈕時，樣式會更改。任何想法爲什麼以及如何解決它？

謝謝！

來源

2013-03-26 user1301324

那麼檢查應用的CSS屬性... – CBroe 2013-03-26 14:24:57

，看起來不錯的按鈕：

<button onclick="setLocation('http://liff2013.com//checkout/cart/add?product=13&amp;qty=1')" class="addToCart">Add To Cart</button>

，看起來不好的按鈕：

<button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"> 
    <span> 
     <span>Add to Cart</span> 
    </span> 
</button>

我猜你應該檢查什麼樣子沒有span或具有共同類。

來源

2013-03-26 14:29:50 Djouuuuh

比較你.addToCart獲得與.button，.btn-cart和button

來源

2013-03-26 14:31:32 Johan

的樣式熟悉FireBug或Chrome dev tools。這將使檢查實際應用的樣式變得容易。

這裏的問題是，如果你想這兩個按鈕，你是造型的內部span元素，而不是按鈕本身的一個實例，因此當應用:active僞類，你看到插圖邊界球。你最好的選擇看起來相同的是定義一個單一的，可重用的CSS類，並將它應用於兩者，使用相同的HTML標記。

來源

2013-03-26 14:34:22 CherryFlavourPez

您必須添加同一類這樣的：

，好看着按鈕代碼：

<button onclick="setLocation('BLAH')" class="addToCart"> 
    Add To Cart 
</button>

壞查找按鈕代碼：

<button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"> 
<span><span>Add to Cart</span></span> 
</button>

的修復：

<button type="button" title="Add to Cart" class="addToCart " onclick="BLAH"> 
    Add to Cart 
</button>

S區別？

來源

2013-03-26 14:34:33 patmacs

的邊界問題正在發生，因爲你有

button.button { 
    border: 2px outset buttonface !important; 
}

其覆蓋默認嵌入邊框的按鈕被點擊時定義的CSS屬性（：積極）。

其他人已經解決了字體問題。

來源

2013-03-26 14:37:50 Sarophym

按鈕CSS顯示不正確

回答

相關問題