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

时间:2019-06-07 19:53:24

标签: html css firefox

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

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

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

在Chrome上不会发生

https://jsfiddle.net/xd3tp06n/

1 个答案:

答案 0 :(得分: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