小编NAT*_*ADO的帖子

如何在 ReactJS 中使用 css 调整按钮大小

我希望这些按钮具有相同的大小,但模板是根据内容字母进行配置的。

我想制作一个具有定义宽度的按钮,但我有一个模板,其中定义了包括样式的按钮组件,所以当我尝试修改按钮的样式时,什么也没发生,这是我的代码

这是我在反应类中调用组件的时候

<Button
    className={classes.buttonW}
    component={Link}
    color="success"
    size="lg"
    to="/album-carousel-page"
 >
 Galeria
</Button>
Run Code Online (Sandbox Code Playgroud)

我修改css按钮时的类名

buttonW: {
  width: "100px",
  height: "30px"
}
Run Code Online (Sandbox Code Playgroud)

这是模板原始按钮上方的代码(我认为非常复杂)

  button: {
    minHeight: "auto",
    minWidth: "auto",
    backgroundColor: grayColor,
    color: "#FFFFFF",
    boxShadow:
      "0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12)",
    border: "none",
    borderRadius: "3px",
    position: "relative",
    padding: "12px 30px",
    margin: ".3125rem 1px",
    fontSize: "12px",
    fontWeight: "400",
    textTransform: "uppercase",
    letterSpacing: "0",
    willChange: "box-shadow, transform",
    transition:
      "box-shadow …
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

javascript ×1

reactjs ×1