Tailwind CSS: Buat butang berbentuk pil
P粉189606269
P粉189606269 2024-03-26 20:59:03
0
1
418

Saya ada butang ini:

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

Saya ingin melihat sesuatu seperti ini: https://tailwindcss.com/docs/border-radius#pill-buttons

Namun, saya tidak mendapat butang berbentuk pil:

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

membalas semua(1)
P粉986860950

Untuk melihat bentuk "pil", butang anda memerlukan warna sempadan atau latar belakang. Anda boleh mencuba sesuatu seperti ini:


Contoh kotak pasir: https://play.tailwindcss.com/j6K2e6ZL0J

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan