← Alle Beispiele

Auswahl-Kontrollkästchen hervorheben

Versieht Tabellen-Kontrollkästchen mit deutlicher Umrandung, damit sie bei Mehrfachauswahl leichter zu treffen sind.

Code zum Kopieren

.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;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.