← Wszystkie przykłady

CSS Wygląd admin.shopify.com

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

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania