html – 当Firefox中的按钮处于活动状态时,如何防止按钮文本移动？

概述样品： <button>Button</button>button { border: medium none; margin-top: 17px; width: 224px; height: 40px; background: none repeat scroll 0% 0% #7BA6BB; color: #FFF; outline 样品：

<button>button</button>button {    border: medium none;    margin-top: 17px;    wIDth: 224px;    height: 40px;    background: none repeat scroll 0% 0% #7BA6BB;    color: #FFF;    outline: medium none;    cursor: pointer;}

http://codepen.io/anon/pen/ByaLZN

浏览器：Mozilla firefox(最新版本)

单击按钮(激活)时,按钮文本向右移动.怎么预防呢？

解决方法 http://jsfiddle.net/reg8f6eo/作为解决方案之一：添加填充：0表示按钮：活动

或者你可以在你的按钮中添加span(或者你喜欢的其他标签),例如http://jsfiddle.net/reg8f6eo/1/

总结

以上是内存溢出为你收集整理的html – 当Firefox中的按钮处于活动状态时,如何防止按钮文本移动？全部内容，希望文章能够帮你解决html – 当Firefox中的按钮处于活动状态时,如何防止按钮文本移动？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。