如何设置Buefy按钮的样式以使其看起来像文本链接

Question

我正在尝试将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">进行内联链接。

有人能指出我涉及布尔玛CSS和/或Buefy CSS修改的方向吗？

我正在查看node_modules BButton组件，看起来好像传递了type道具，因此似乎有可能在类似于is-info和{的地方创建自定义类型{1}}。

我想使用is-warning和is-text-info之类的纯文本版本，以便可以使用按钮组件放置内联锚标记。

简而言之，一个人如何向is-text-warning添加另一种提供任意样式的类型？

Answer 1

选中此链接（https://buefy.org/documentation/customization/）。您可能需要定义自己的CSS替代。