
我想制作一个具有定义宽度的按钮,但我有一个模板,其中定义了包括样式的按钮组件,所以当我尝试修改按钮的样式时,什么也没发生,这是我的代码
这是我在反应类中调用组件的时候
<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)