- Firefox-Version
- v149.0.2
- Betriebssystem
- Windows 10
Die Nummerierung der Tab verbessert die visuelle Übersichtlichkeit und die Benutzerfreundlichkeit. Wenn die Nummer einer Tab aus zwei Ziffern besteht, wird die Zahl nach rechts verschoben. Bitte helfen Sie mir, dies zu korrigieren. Vielen Dank für Ihre Hilfe.
CSS
/* userChrome.css */
/* tab-numbering.css */
/* Add numbers to tabs. You can to make switching the first 8 tabs with Ctrl+[number key] */
tabs {
counter-reset: tab-counter;
}
tab:nth-child(1) .tab-label::before,
tab:nth-child(2) .tab-label::before,
tab:nth-child(3) .tab-label::before,
tab:nth-child(4) .tab-label::before,
tab:nth-child(5) .tab-label::before,
tab:nth-child(6) .tab-label::before,
tab:nth-child(7) .tab-label::before,
tab:nth-child(8) .tab-label::before,
tab:nth-child(9) .tab-label::before,
tab:nth-child(10) .tab-label::before,
tab:nth-child(11) .tab-label::before,
tab:nth-child(12) .tab-label::before,
tab:nth-child(13) .tab-label::before,
tab:nth-child(14) .tab-label::before,
tab:nth-child(15) .tab-label::before,
tab:nth-child(16) .tab-label::before,
tab:nth-child(17) .tab-label::before,
tab:nth-child(18) .tab-label::before {
background-color: white;
border-radius: 0.25em;
border: 1px solid white;
box-sizing: border-box;
color: black;
content: counter(tab-counter) "";
counter-increment: tab-counter;
display: block;
float: left;
font-size: 0.8em;
font-weight: bold;
height: 1.5em;
line-height: 1;
margin: 0 0.5em 0 0;
padding: 0.1em 0.25em 0.25em 0.25em;
position: relative;
text-align: center;
top: 0.35em;
vertical-align: middle;
width: 1.4em;
}
Alles anzeigen