Kawal gaya svg-Soal Jawab Rangkaian PHP Cina
Kawal gaya svg
P粉464082061
P粉464082061 2023-09-18 17:34:54
0
1
403

.search-bar svg { width: 25px; height: 25px; color: red; } .search-button svg { width: 25px; height: 25px; color: red; }

Bolehkah sesiapa memberitahu saya cara mengawal warna svg menggunakan CSS? Saya telah cuba melakukan ini dengan kelas dan ID yang berbeza, tetapi tiada satu pun daripada mereka nampaknya mempunyai kesan pada warna. Saya boleh menukar saiz dan kedudukan tetapi bukan warna. Saya ingin dapat menggunakan ID atau kelas yang berasingan untuk melakukan ini, dan bukannya menukar warna bulatan dan garisan secara berasingan.

P粉464082061
P粉464082061

membalas semua (1)
P粉161939752

Berikan harta bersama (seperti goresan garis atau bulatan) hartacurrentColor的值,然后您可以通过svg的color(atau mana-mana nenek moyang atau harta warisan) untuk mengawalnya:

.search-button svg { width: 25px; height: 25px; color: red; } .search-button svg line,.search-button svg circle{ stroke: currentColor; }

(Ini yang Font Awesome dan perpustakaan lain lakukan di belakang tabir. Ini juga diwarisi jika anda memberiheightwidth赋予em单位的值,您也可以通过后续的font-sizeuntuk mengawalnya)

    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!