Question

我无法确定Firefox用户样式表中的哪个CSS属性会导致单击时按钮文本向右移动。

我正在尝试删除/覆盖此功能。

<button>Why am I moving to the right?</button>

在Chrome上不会发生

https://jsfiddle.net/xd3tp06n/

Answer 1

填充（在这种情况下为padding-inline-start）：

button:active:hover,
input[type="color"]:active:hover,
input[type="reset"]:active:hover,
input[type="button"]:active:hover,
input[type="submit"]:active:hover {
  padding-block-start: 0px;
  padding-inline-end: 7px;
  padding-block-end: 0px;
  padding-inline-start: 9px;
  border-style: inset;
  background-color: ButtonFace;
}

^来自view-source:resource://gre-resources/forms.css

单击时，Firefox中的按钮文本会移到右侧

1 个答案: