Tailwind CSS：製作藥丸形狀的按鈕

Question

我有這個按鈕：

<button onClick={() => removeTask(task)} class="text-xs text-red rounded-full">Delete</button>

我希望看到類似的東西： https://tailwindcss.com/docs/border-radius#pill-buttons

但是，我沒有得到藥丸形狀的按鈕：

index.css

#

    @tailwind base;
    @tailwind components;
    @tailwind utilities;

tailwind.config.js

    module.exports = {
      content: ["./src/**/*.{html,js,jsx}"],
      theme: {
        extend: {},
      },
      plugins: [],
    };

Answer 1

為了看到「藥丸」形狀，您的按鈕需要邊框或背景顏色。你可以嘗試這樣的事情：

Delete

沙盒範例：https://play.tai​​lwindcss.com/j6K2e6ZL0J

#