我需要帮助改变一个按钮,看起来像是一个箭头从它出来,以表明它是活动的按钮.按钮被包装在卡片组件中.
下面是一个代码示例:
<div className="float-container">
<div className="creator-container float-child">
<div>
<Card className="bg-mainBlue rounded-xl">
<CardContent>
<Button
className=" text-white font-nunito text mx-2 pr-35 "
onClick={() => onFieldAdd('textField')}
>
<TextFieldsIcon />
<p> Text Box</p>
</Button>
</div>
</div>
</div>
我正在努力改变按钮的外观.我的代码是使用TypeScrip内置的.我想主要使用css来实现这一点.
我附上了一张我想要的结果的图片.
有人能帮帮忙吗?