Αυτός ο ιστότοπος θα έχει περιορισμένη λειτουργικότητα, όσο εκτελούμε εργασίες συντήρησης για να βελτιώσουμε την εμπειρία σας. Αν ένα άρθρο δεν επιλύει το ζήτημά σας και θέλετε να κάνετε μια ερώτηση, η κοινότητα υποστήριξής μας είναι έτοιμη να σας βοηθήσει στο Twitter (@FirefoxSupport) και στο Reddit (/r/firefox).

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά κατάχρησης».

Μάθετε περισσότερα

change new tab button color

  • 3 απαντήσεις
  • 1 έχει αυτό το πρόβλημα
  • 36 προβολές
  • Τελευταία απάντηση από dmdbdd

more options

I want to change the "+" color on the new tab icon

I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file.

.tabbrowser-tab .close-icon:hover {

  fill: white !important;
  background-color: red !important;
  border-radius: 4px;
}

I think this code should work for the new tab icon, however I don't know the name of the new tab icon.

Please help,

Thank you

I want to change the "+" color on the new tab icon I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file. .tabbrowser-tab .close-icon:hover { fill: white !important; background-color: red !important; border-radius: 4px; } I think this code should work for the new tab icon, however I don't know the name of the new tab icon. Please help, Thank you

Επιλεγμένη λύση

Its selector is:

.tabs-newtab-button{
  fill:red !important;
}

.tabs-newtab-button:hover{
  fill: white !important;
  background-color: rgba(255, 0, 0, 0.8) !important;
  border-radius: 4px;
}

I tested it in the Browser Toolbox and in userChrome.css and it works for me.

Ανάγνωση απάντησης σε πλαίσιο 👍 0

Όλες οι απαντήσεις (3)

more options

The new tab button CSS selector is:

.tabs-newtab-button {
     /* YOUR CSS RULES */
}

For future reference, if you open chrome://browser/content/browser.xul in Firefox, you can see the layout of the browser and use the developer tools to navigate through the hierarchy to find IDs and classes of elements that you want to modify.

Hope this helps.

more options

Επιλεγμένη λύση

Its selector is:

.tabs-newtab-button{
  fill:red !important;
}

.tabs-newtab-button:hover{
  fill: white !important;
  background-color: rgba(255, 0, 0, 0.8) !important;
  border-radius: 4px;
}

I tested it in the Browser Toolbox and in userChrome.css and it works for me.

Τροποποιήθηκε στις από το χρήστη cor-el

more options

Thank you!

Regards,

D.M. De Haven