Html CSS悬停代码在Firefox上不起作用
我有很多关于按钮及其悬停的代码。这段代码在任何地方都有效,在chrome、ie、safari上运行良好,但在Firefox上不起作用。除了悬停部分外,与按钮相关的每个CSS代码都工作正常Html CSS悬停代码在Firefox上不起作用,html,css,Html,Css,我有很多关于按钮及其悬停的代码。这段代码在任何地方都有效,在chrome、ie、safari上运行良好,但在Firefox上不起作用。除了悬停部分外,与按钮相关的每个CSS代码都工作正常 <button class="button validation-passed" onclick="productAddToCartForm.submit(this)" dtyle="float:left" title="Add to Cart" type="button">
<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; }
改变
button.button span:hover {
background:#f48227
}
进入
演示:嘿,你知道它在firefox上工作吗。如果我要更改它…它适用于所有浏览器吗?是的,我包括了一个演示…很好!!非常感谢你帮我节省了时间没关系。如果它有效,你可以接受它作为答案。
button.button:hover span {
background:#f48227
}