How å slå opp Firefox grensesnitt IDer for bruk i tilpasset styling

Firefox nettleser er uten tvil den mest passelig nettleser når du sammenligner de med en betydelig markedsandel . Det er mye du kan gjøre i form av tilpasninger.: Fra å flytte grensesnitt elementer rundt, legge til nye elementer i grensesnittet, og selv bruker custom styling for å endre utseende og synlighet av Firefox grensesnitt elementer

Hvis du er en Firefox-bruker, har du sannsynligvis kommet over guider som gjør bruk av tilpasset styling teknikker. Pokker, vi har lagt ut ganske mange i siste årene, for eksempel for å skjule scrollbar helt, å skille stopp og reload knappen, eller for å vise frem og tilbake-knappene til alle tider.

For å gjøre disse endringene, du trenger å vite IDer som brukes til å style Firefox grensesnittelementer. Denne veiledningen forklarer hvordan du kan se dem opp, slik at du kan gjøre dine egne styling eller spør noen som vet CSS å gjøre det for deg.

Firefox grensesnitt IDer

Gode nyheter er, du kan slå opp IDer direkte i Firefox, så ingen kildekode gjennomgang eller andre kjedelige oppgaver. Du trenger en add-on for det selv.

DOM Inspector er en hendig utvidelse for Firefox som integreres direkte i nettleseren Web Developer verktøysett at det skip med. Bare installere utvidelsen og start Firefox gang for å få tilgang til det

Du kan starte nye verktøyet ved å trykke på Alt-tasten, velge Verktøy >.; Web Developer > DOM Inspector.

Du har to hovedalternativer for å bruke den. Det første som du kanskje ønsker å gjøre er å velge Fil > Inspiser Chrome Element og deretter en av de åpne nettsidene til nettleseren.

Når det er ute av veien, kan du bruke på valgknappen på selve venstre i adressefeltet i DOM Inspector. Klikk på ikonet og deretter på et element i Firefox-grensesnittet. Det blir markert med rødt kort som fungerer som en bekreftelse.

I stedet for å bruke ikonet velgeren, kan du også klikke på søkeknappen og bruke den til å finne element, men det fungerer bare hvis du vet det offisielle navnet. Merk at du kan søke etter ID, tag eller attributt. Jakten fungerer bra hvis grensesnittet element du er interessert i, ikke vises på siden for tiden.

Nå som du har ID-elementet, kan du begynne å legge til egendefinerte styling til den. Populære eksempler er:

Hvis du vil skjule element: #ID {display: none: viktig;!}