css - 左侧带有文本的语义 react /按钮

Question

您好，我很难将按钮文本放在左侧即使使用 text-align left 也不起作用!重要

      <ButtonStyled> Esqueci minha senha </ButtonStyled>

风格:

export const ButtonStyled = styled(Button)`
background: transparent !important;
color: #000 !important;
text-align: left !important;
&:hover {
    background: transparent !important;
    color: #12b2ce !important;
}
`;

代码:https://codesandbox.io/s/small-lake-grxyz

Answer 1

padding-left: 0 !important;

您的样式按钮当前分配了 21px 的内边距。覆盖该值。