Tailwind CSS: 錠剤の形のボタンを作成する

Question

このボタンがあります:

リーリー

次のようなものを見てみたいと思います: https://tailwindcss.com/docs/border-radius#pill-buttons

ただし、錠剤の形のボタンが表示されません:

index.css

リーリー

tailwind.config.js

ああああ

Answer 1

「錠剤」の形状を表示するには、ボタンに境界線または背景色が必要です。次のようなことを試してみてください:

リーリー

サンドボックスの例:https://play.tai​​lwindcss.com/j6K2e6ZL0J