Jak zmienić kolor tła zaznaczonego tekstu w przeglądarkach? - javascript, html, css, przeglądarka, przeglądarka

Wszyscy wiemy, że po wybraniu fragmentu tekstu w przeglądarce kolor tła zmienił się na niebieski. Czy to sposób na zmianę tego koloru za pomocą CSS lub JavaScript?

Odpowiedzi:

5 dla odpowiedzi № 1

Tak: możesz użyć ::selection i ::-moz-selection pseudoelementy (MDN), który pozwala określić kolory pierwszego planu i tła dla wybranej zawartości. Działa to we wszystkich głównych przeglądarkach oprócz IE <9, dla których nie ma alternatywy.

::selection {
background: pink;
color: yellow;
}

::-moz-selection {
background: pink;
color: yellow;
}

---

1 dla odpowiedzi nr 2

Internet Explorer dla Windows

1. Z menu Narzędzia wybierz Opcje internetowe ...

2)Kliknij kartę Ogólne, a następnie przycisk Kolory ... Możesz wybrać kolory odwiedzane, nie odwiedzane i najeżdżać kursorem. Odznacz Użyj kolorów systemu Windows, jeśli chcesz również ustawić niestandardowy kolor tekstu i tła. Kliknij OK. Uwaga: W przeglądarce Internet Explorer 7 lub nowszej musisz odznaczyć opcję Użyj kolorów systemu Windows, aby zmodyfikować dowolny z kolorów domyślnych.

3. Jeśli chcesz zastąpić własne kolory ustawionymi przez strony, kliknij opcję Dostępność ..., a następnie zaznacz opcję Ignoruj ​​kolory określone na stronach internetowych. Kliknij przycisk OK.

4Kliknij przycisk OK, aby zapisać zmiany i zamknąć okno Opcje internetowe. Safari Safari nie pozwala na łatwą zmianę tła, tekstu, odwiedzanego linku i nieodwiedzonych kolorów linków. Możesz jednak używać własnych arkuszy stylów do przeglądania stron internetowych:

Z menu Safari wybierz Preferencje ...

2. W oknie, które zostanie otwarte, kliknij Zaawansowane.

3. Z menu rozwijanego obok „Arkusza stylów” wybierz Inne…, a następnie przejdź do arkusza stylów, którego chcesz użyć.

4. Kliknij Wybierz.

Firefox 3.x

1. Jeśli używasz systemu Windows lub Linux, z menu Narzędzia wybierz Opcje ... W Mac OS X z menu Firefox wybierz Preferencje ...

2. Kliknij Treść. W obszarze „Czcionki i kolory” kliknij opcję Kolory ...

3. Wybierz kolory tła, tekstu, odwiedzonych łączy i nieodwiedzonych łączy.

4. Jeśli chcesz zastąpić ustawienia kolorów witryn własnymi, odznacz Zezwalaj stronom na wybieranie własnych kolorów, zamiast moich zaznaczeń powyżej.

---

0 dla odpowiedzi № 3

Aby uzyskać najbardziej kompletną pracę, możesz użyć wielu selektorów z tą samą funkcją, ale używanych w różnych przeglądarkach:

::selection {
background: orange;
color: white;
}

::-moz-selection {
background: orange;
color: white;
}

::-webkit-selection {
background: orange;
color: white;
}

::-o-selection {
background: orange;
}

::-ms-selection {
background: orange;
color: white;
}

-moz- Firefox.

-webkit- Safari i Chrome.

-o- Opera.

-ms- Internet Explorer.

---