左侧带有文本的语义反应/按钮

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;

您设计的按钮当前分配了 21 像素的内边距。覆盖该值。

左侧带有文本的语义反应/按钮

Semantic React / Button with text on left

css

reactjs

styled-components