CSS懸停代碼不會在Firefox

-1

工作，我有這麼多的代碼按鈕和懸停。此代碼無處不在，它在Chrome上運行良好，即safari，但它不適用於Firefox。除了懸停部分外，與按鈕相關的每個CSS代碼都正常工作。CSS懸停代碼不會在Firefox

 <button class="button validation-passed" onclick="productAddToCartForm.submit(this)" dtyle="float:left" title="Add to Cart" type="button"> 

    <span> 
     <span> 

     Add to Cart 

     </span> 
    </span> 

</button>

下面是按鈕的CSS代碼：

 button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ 
     button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ 
     button.button { overflow:visible; width:150px; border:0; padding:0; margin:0; background:transparent; cursor:pointer;} 
     button.button span { display:block; font:12px/24px georgia; text-align:center; white-space:nowrap; color:#fff;background:#f79b29;border-color:#7B9617;height:24px;padding:0 8px;font-weight:normal !important;} 
     button.button span:hover{background:#f48227} 
     button.button span{ border:0; padding:0; }

來源

2014-04-30 Saurabh

變化

button.button span:hover { 
    background:#f48227 
    }

到

button.button:hover span { 
    background:#f48227 
    }

演示：http://jsfiddle.net/lotusgodkk/GCu2D/60/

來源

2014-04-30 09:40:09

嘿亞它在Firefox上工作。如果我會改變它......它會適用於所有瀏覽器嗎？ – Saurabh

是的，我包括一個演示 –

ok..fine！並且非常感謝您節省了我的時間。 – Saurabh

CSS懸停代碼不會在Firefox

回答

相關問題