我正在尝试将 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-info
and的地方创建自定义类型is-warning
。
我想要纯文本版本,例如is-text-info
,is-text-warning
所以我可以使用按钮组件来放置内联锚标记。
简而言之,一个人如何添加另一种<b-button>
提供任意样式的类型?