This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

ค้นหาฝ่ายสนับสนุน

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

เรียนรู้เพิ่มเติม

Curved tabs. Copy the code to your chrome folder in css. For your own color you will have to change a couple of colors to siut. Mine is set up for light green.

  • ยังไม่มีคำตอบ
  • 0 คนมีปัญหานี้
Neil Harris
Neil Harris
more options
  1. navigator-toolbox>toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { 
   padding: 0px 4px 4px !important;
 }

  .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]){
   max-width: 300px !important;

}

  1. tabbrowser-tabs { 
 --tab-min-height: 36px !important;
 height: 36px !important;

} 

#tabs-newtab-button {
   margin-left: 13px !important;
   margin-bottom: -1px !important;
 }
.tabbrowser-tab {
   margin: 0 -14px 0 -3px !important;
 }
 
 .tab-background{
   margin: 0 10px !important;
   background: #F0F2EA;
   background-clip: border-box;
   border: none !important; 
   -moz-transform: perspective(80px) rotateX(8deg) !important;
  -webkit-transform: perspective(80px) rotateX(8deg) !important;
   outline: none !important;
   border-top: 1px solid #7E7B7B !important;
   border-right: 1px solid #7E7B7B !important;
   border-left: 1px solid #7E7B7B !important;
   border-radius: 9px 9px 0 0 !important;
  margin-bottom:-1px !important;

} 


  .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
   background-color: #D1D5C6 !important;
 }
 
 .tabbrowser-tab[selected="true"] .tab-background {
   background: #F0F2EA !important;
 }
 
 .tabbrowser-tab[selected="true"] .tab-text.tab-label {
   color: black !important;
 }
 
 .tab-line {
   display: none !important;
 }
 
 .tab-content {
   padding: 0 25px !important;
 }
 
  /* for backward compatibility */
 .tabs-newtab-button.toolbarbutton-1 {
   margin-left: -0px !important;
 }
 
 .titlebar-placeholder[type="pre-tabs"] {
   border-inline-end: initial !important;
 }
 
 #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforeselected-visible]::after,
 #tabbrowser-tabs[movingtab]>.tabbrowser-tab[visuallyselected]::before,
 .tabbrowser-tab[visuallyselected]::after {
   border-color: var(--tabs-border-color);
   margin-top: 0 !important;
   margin-bottom: 1px !important;
   opacity: 8 !important;
   border: none !important;
 }
 
 [tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after,
 .tabbrowser-tab:hover::after,
 #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after {
   border: none !important;
 }
 
 .tab-text.tab-label {
   text-shadow: initial !important;
   color: black !important;
   font-style: unset;
   text-decoration: none !important;
   -webkit-font-smoothing: antialiased !important;
   -moz-osx-font-smoothing: grayscale !important;
 }
 
 .tabbrowser-tab:hover .tab-text.tab-label {
   color: black !important;
   text-shadow: none !important;
   -moz-osx-font-smoothing: unset !important;
 }
#navigator-toolbox>toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { padding: 0px 4px 4px !important; } .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]){ max-width: 300px !important; } #tabbrowser-tabs { --tab-min-height: 36px !important; height: 36px !important; } #tabs-newtab-button { margin-left: 13px !important; margin-bottom: -1px !important; } .tabbrowser-tab { margin: 0 -14px 0 -3px !important; } .tab-background{ margin: 0 10px !important; background: #F0F2EA; background-clip: border-box; border: none !important; -moz-transform: perspective(80px) rotateX(8deg) !important; -webkit-transform: perspective(80px) rotateX(8deg) !important; outline: none !important; border-top: 1px solid #7E7B7B !important; border-right: 1px solid #7E7B7B !important; border-left: 1px solid #7E7B7B !important; border-radius: 9px 9px 0 0 !important; margin-bottom:-1px !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) { background-color: #D1D5C6 !important; } .tabbrowser-tab[selected="true"] .tab-background { background: #F0F2EA !important; } .tabbrowser-tab[selected="true"] .tab-text.tab-label { color: black !important; } .tab-line { display: none !important; } .tab-content { padding: 0 25px !important; } /* for backward compatibility */ .tabs-newtab-button.toolbarbutton-1 { margin-left: -0px !important; } .titlebar-placeholder[type="pre-tabs"] { border-inline-end: initial !important; } #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforeselected-visible]::after, #tabbrowser-tabs[movingtab]>.tabbrowser-tab[visuallyselected]::before, .tabbrowser-tab[visuallyselected]::after { border-color: var(--tabs-border-color); margin-top: 0 !important; margin-bottom: 1px !important; opacity: 8 !important; border: none !important; } [tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after, .tabbrowser-tab:hover::after, #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after { border: none !important; } .tab-text.tab-label { text-shadow: initial !important; color: black !important; font-style: unset; text-decoration: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .tabbrowser-tab:hover .tab-text.tab-label { color: black !important; text-shadow: none !important; -moz-osx-font-smoothing: unset !important; }

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.