Wyróżnij pola wyboru wierszy
Dodaje wyraźne obramowanie polom wyboru w tabelach, aby łatwiej trafiać w nie podczas zbiorczego zaznaczania zamówień lub produktów.
Kod do skopiowania
.Polaris-IndexTable__TableRow .Polaris-Checkbox,
.Polaris-IndexTable td:has(.Polaris-Checkbox),
[class*="IndexTable"] [class*="Checkbox"] {
outline: 2px solid rgba(0,128,96,0.5) !important;
outline-offset: 1px !important;
border-radius: 4px !important;
}
.Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop {
box-shadow: 0 0 0 2px #1a7f4b !important;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.