Tailwind CSS:製作藥丸形狀的按鈕
P粉189606269
P粉189606269 2024-03-26 20:59:03
0
1
388

我有這個按鈕:

<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: [],
    };

P粉189606269
P粉189606269

全部回覆(1)
P粉986860950

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


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

#
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板