Po zaznaczeniu tekstu w przeglądarce najczęściej tło za wybranym tekstem zmienia kolor na niebieski. Jak zmienić ten kolor na inny?Zmiana koloru zaznaczenia
Odpowiedz
Szukasz pseudoelementu selection
.
::-moz-selection{ background: #000; color:#fff;}
::selection { background:#000; color:#fff; }
Również jako notatkę. Jeśli planujesz używać cienia tekstowego w swojej witrynie, polecam dodać text-shadow:none;
do Twojego stylu ::selection
. Jak widać w skrzypcach this, jest to naprawdę trudne dla oczu.
Spójrz na ten artykuł ...
http://css-tricks.com/490-overriding-the-default-text-selection-color-with-css/
... więc tak:
p.moz::-moz-selection {
background:#cc0000;
color:#fff;
}
p.webkit::-webkit-selection {
background:#cc0000;
color:#fff;
}
p.normal::selection {
background:#cc0000;
color:#fff;
}
Mam nadzieję, że to pomaga.
Hristo
Ponieważ kaskady CSS, należy zawsze upewnić się, że selektory z prefiksem dostawcy zostały ustawione powyżej "standardowego" selektora. W przeciwnym razie przyszłe przeglądarki nadal będą domyślnie korzystać z własnej implementacji dostawcy, nawet jeśli dodają obsługę standardowej wersji. – Moses
@Moses ... Nie jestem pewien co masz na myśli. – Hristo
Przedrostki dostawcy służą jako przeglądarki do implementacji funkcji, zanim te funkcje zostaną oficjalnie wystandaryzowane przez W3C. Jednak po oficjalnym standardzie nie ma powodu, aby przyszłe przeglądarki wymagały prefiksów. Za pomocą twojego kodu przeglądarka najpierw napotka znormalizowany ':: selection', później w arkuszu stylów zobaczy' '- moz-selection'. Ponieważ przeglądarka teraz rozumie oba, wybierze drugą, ponieważ napotkała ją jako ostatnią. Jest to złe, ponieważ prawdopodobnie chcesz użyć nowej i standardowej implementacji, a nie starej wersji. – Moses
Spróbuj
::selection
{
background:#999;
color:#fff;
}
- 1. QT 4.5 - Zmiana zaznaczenia zaznaczenia dla QGraphicsItem
- 2. UITableViewCell zmiana zaznaczenia na wybranej
- 3. Zmienianie koloru zaznaczenia tekstu za pomocą CSS?
- 4. Zmiana koloru podkreślenia
- 5. Zmiana koloru podświetlania ComboBox
- 6. Zmiana koloru tekstu UISegmentedControl
- 7. Zmiana koloru piksela Python
- 8. Zmiana koloru podświetlenia
- 9. Zmiana koloru tła ActionBarSherlock
- 10. Zmiana koloru selekcji QTableWidget
- 11. zmiana koloru piksela bitmapy
- 12. Zmiana koloru selektora Preferencji
- 13. Zmiana koloru przycisku AlertDialog.Builder
- 14. Zmiana koloru dzielnika Spinner
- 15. select2 zmiana koloru tła
- 16. Matplotlib: Zmiana koloru osi
- 17. Lollipop - zmiana koloru ProgressDialog
- 18. Zmiana koloru paska NSSlider
- 19. SKAction zmiana koloru SKShapeNode
- 20. Gnuplot - zmiana koloru tła
- 21. UIRefreshControl zmiana koloru UIActivityIndicatorView
- 22. Zmiana koloru vim 'rynny'
- 23. Zmiana koloru MD-checkbox
- 24. Zmiana koloru tła UIButton
- 25. Zmiana koloru stopniowo
- 26. JLabel zmiana koloru
- 27. Zmiana koloru kciuka i koloru tła JScrollPane?
- 28. Zmiana koloru tekstu na podstawie koloru tła
- 29. Zmiana wyboru zaznaczenia za pomocą wtyczki Wybrany
- 30. Zmiana koloru LED dla powiadomień
Sprawia, że łatwiej jest powiedzieć, czy używasz poprawnej nazwy "pseudo-elementu". – BoltClock
Zauważ, że to nie zadziała w IE <9. –
@BoltClock Ah, ale o wiele mniej zabawnych XD. Mimo to dopilnuję, aby zmienić to na poprawne sformułowanie. – Moses