样品:
<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/