发一个appmenu样式

自带的太长了,发个超短的:



#main-window[tabsontop="true"][sizemode="maximized"] #navigator-toolbox[tabsontop="true"] #TabsToolbar
{ margin-left: -3px !important;
}

#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button {
  min-width: 13px !important;
  padding-left: 1px !important;
  padding-right: 0px !important;
  background:transparent !Important;
  border: 1px solid rgba(0,0,0,.4) !important;
  border-top: transparent !important;
}

#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button .button-text,#appmenu-button .button-menu-dropmarker { display: none !important;}
#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button .button-box .box-inherit:before {
content: "F";
}

不错~~~~~

不喜欢，偶都是直接给隐藏了

没看懂。。。

想问下楼主怎么把前进后退的框框给去掉的，我的去掉之后外边还有一圈白色的，看着很不协调

plera：想问下楼主怎么把前进后退的框框给去掉的，我的去掉之后外边还有一圈白色的，看着很不协调回到原帖

toolbar[iconsize="small"][mode="icons"] #back-button {            
  padding-left: 0px !important;
  padding-right: 0px !important;
margin-left: -2px !important;
margin-right: -2px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button{
  padding-left: 0px !important;
  padding-right: 0px !important;
margin-left: -2px !important;
margin-right: -2px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}

/*back-button,forward-button*/
toolbar[iconsize="small"][mode="icons"] #back-button:not(:active):hover {            
   background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.7) hsla(190,50%,50%,.7) hsla(190,50%,40%,.7) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
-moz-transition: background-color .4s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button:not(:active):hover {
background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.7) hsla(190,50%,50%,.7) hsla(190,50%,40%,.7) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
-moz-transition: background-color .4s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important;
}

jiahuiqu：


toolbar[iconsize="small"][mode="icons"] #back-button {            
  padding-left: 0px !important;
  padding-right: 0px !important;
margin-left: -2px !important;
margin-right: -2px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button{
  padding-left: 0px !important;
  padding-right: 0px !important;
margin-left: -2px !important;
margin-right: -2px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}

/*back-button,forward-button*/
toolbar[iconsize="small"][mode="icons"] #back-button:not(:active):hover {            
   background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.7) hsla(190,50%,50%,.7) hsla(190,50%,40%,.7) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
-moz-transition: background-color .4s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button:not(:active):hover {
background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.7) hsla(190,50%,50%,.7) hsla(190,50%,40%,.7) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
-moz-transition: background-color .4s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important;
}回到原帖

啊，太感谢了。另外顺便问下怎么把前进和后退的那个图标给换掉呢，我感觉那个有点粗