Kode js berikut memungkinkan saya, dengan tombol, untuk secara dinamis mengubah warna ke kelas tubuh, ini berfungsi dengan baik. Namun, selain backgroundColor saya telah mencoba menggunakan aturan CSS lain, misalnya color, borderColor, pada tombol, dan berfungsi dengan sangat baik.

1) Jika saya menggunakan box-shadow atau boxShadow sepertinya tidak berfungsi. Apakah saya salah atau adakah daftar aturan CSS yang bisa saya gunakan?

2) $('h2').css('backgroundColor', '#000'); untuk mendapatkan perubahan warna pada mouse saya mencoba $('h2:hover').css('backgroundColor', '#ff0000'); tetapi ini tidak berhasil. Juga dalam hal ini alasannya adalah Anda tidak dapat menggunakan: hover? Atau aku salah?

$(document).ready(function () {

    var nightMode = function() {

            $('body').css('backgroundColor', '#000');   

        },
        normalMode = function() {
            $('body').css('backgroundColor', '#fff');

        };

    $("#night-mode").click(function () {
        localStorage.setItem('modalread', 'night-mode');
        nightMode();
    });

    $("#normal-mode").click(function () {
        localStorage.setItem('modalread', 'normal-mode');
        normalMode();
    });

    if (localStorage.getItem('modalread') == 'normal-mode') {
        normalMode();   
    } else if (localStorage.getItem('modalread') == 'night-mode') {
        nightMode();
    }

});
0
user36474 22 Oktober 2019, 11:00

1 menjawab

Jawaban Terbaik

Anda dapat bekerja dengan kelas css yang Anda tentukan:

Menentukan kelas:

.fancy-class:hover {
    color: yellow !important;
}

Dengan beralih warna, jalankan:

$("h2").addClass("fancy-class");

$('h2:hover') ini bukan pemilih kelas yang valid. Itu sebabnya solusi Anda tidak berhasil. Untuk membuat kode Anda lebih mudah dipelihara, saya secara umum akan merekomendasikan ini untuk bekerja dengan kelas css

2
ghovat 22 Oktober 2019, 08:06