如何进行ReactStrap输入选择下拉定制

发布于 2025-02-08 13:27:40 字数 843 浏览 1 评论 0原文

我试图自定义ReactStrap输入选择下拉菜单,如下所示。我只想删除边框并添加一些阴影,更改“选项”悬停效果的颜色。试图覆盖选择类,但没有运气。任何帮助。

    <FormGroup>
      <Label for="exampleSelect">Select</Label>
      <Input type="select" name="select" id="exampleSelect">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
      </Input>
    </FormGroup>

我正在尝试实现以下设计。

I'm trying to customize Reactstrap Input Select Dropdown as shown below. I just want to remove the border and add some shadow,change the color of "Option" hover effect. Tries to override the Select class, But no luck. Any help.

    <FormGroup>
      <Label for="exampleSelect">Select</Label>
      <Input type="select" name="select" id="exampleSelect">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
      </Input>
    </FormGroup>

enter image description here

I'm trying to achieve the below design.

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文