简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Input autolengkap dalam mod gelap menggunakan Tailwind
P粉745412116
P粉745412116 2023-08-28 08:34:43
0
1
471

Selepas menggunakan mod gelap untuk mengisi kata laluan yang diingati, saya menghadapi masalah dengan warna input yang hodoh. Dalam mod cahaya ia berwarna kuning, yang tidak buruk.

Saya menemui beberapa jawapan di sini menggunakan webkit-autofill tetapi saya menghadapi masalah menggunakan tailwind dark: prop dan global.scss

P粉745412116
P粉745412116

membalas semua (1)
P粉998100648
P粉9981006482023-08-29 00:49:23 Tingkat 1

Penyelesaian adalah untuk menambahkan ini pada fail global.scss:

@layer components { .inputDarkModeOverride { &:-webkit-autofill { box-shadow: 0 0 0 30px #1c1c1d inset; } &:-webkit-autofill:hover { box-shadow: 0 0 0 30px #1c1c1d inset; } &:-webkit-autofill:focus { box-shadow: 0 0 0 30px #1c1c1d inset; } &:-webkit-autofill:active { box-shadow: 0 0 0 30px #1c1c1d inset; } } }

Kemudian tambahclassName={`${styles.input} dark:inputDarkModeOverride`}dalam atribut input.

Suka+0
Tambah Balasan
    Topik popular
    Lagi>
    Artikel popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！