0

我正在尝试将 Buefy 按钮设置为看起来像一个简单的文本链接。

例如,可以使用:

<b-button
    tag="a"
    type="is-text"
    href="https://www.example.com"
>
    Click here
</b-button>

这会产生接近我正在寻找的结果,除了我想实现一种类型,例如is-text-red并使is-text-blue按钮显示为特定颜色的文本。

我可以通过简单地使用来解决这个问题:

<a href="https://www.example.com" class="red-link">Click here</a>
<a href="https://www.example.com" class="blue-link">Click here</a>

但我想用来<b-button type="is-text-red">做一个内联链接。

谁能给我指出一个涉及 Bulma CSS 和/或 Buefy CSS 修改的方向来实现这一目标?

我正在查看 node_modules BButton 组件,它看起来像是type传递了道具,因此看起来可以在某个类似于is-infoand的地方创建自定义类型is-warning

我想要纯文本版本,例如is-text-infois-text-warning所以我可以使用按钮组件来放置内联锚标记。

简而言之,一个人如何添加另一种<b-button>提供任意样式的类型?

4

1 回答 1

1

检查此链接(https://buefy.org/documentation/customization/)。您可能需要定义自己的 css 覆盖。

于 2020-03-10T15:33:35.060 回答