w153140
火狐狸
火狐狸
  • UID55463
  • 注册日期2017-02-14
  • 最后登录2024-03-27
  • 发帖数253
  • 经验246枚
  • 威望0点
  • 贡献值142点
  • 好评度15点
  • 忠实会员
  • 社区居民
阅读:5083回复:1

有懂CSS吗?

楼主#
更多 发布于:2017-03-25 13:12
Stylish扩展
如下代码,想要换颜色。。。

图片:QQ截图20170325131011.png

去掉蓝色线条,背景改白色

图片:QQ截图20170325131032.png

这东西改黑色。。。。



/*分隔线*/
menuseparator {
-moz-appearance: none!important;
border-bottom: 1px solid rgba(85,187,236,0.6)!important;
border-width: 0 0 6px 0;
padding: 0 !important;
margin: 0px 0px 2px 27px!important;
height: 2px !important;
}
/*弹出菜单微透明*/
popup,menupopup,#PanelUI-popup {
opacity: .9;
}
/*菜单选中区域样式*/
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"] {
-moz-appearance: none;
background: rgba(255,153,0,0.2)!important;
border: 1px solid #55BBEC!important;
}
menu,menuitem:not([id="context-back"]),splitmenu,.splitmenu-menuitem {
-moz-appearance: none!important;
height: 24px!important;
border: 1px solid transparent!important;
}
/*选中菜单的字体颜色*/
/*:-moz-any(menuitem,menu):hover > :-moz-any(.menu-text,.menu-iconic-text){color:green!important;}*/
/*颜色微调*/
popup,menupopup:not([id^="BMB"]) {
-moz-appearance: none!important;
background: -moz-linear-gradient(left,rgba(242,241,241,1) 26px,rgba(85,187,236,1) 27px,rgba(251,250,250,1) 27px,rgba(251,250,250,1) 28px) transparent!important;
background-clip: content-box!important;
-moz-border-top-colors: #55BBEC!important;
-moz-border-left-colors: #55BBEC!important;
-moz-border-bottom-colors: #55BBEC!important;
-moz-border-right-colors: #55BBEC !important;
border-width: 1px 1px 1px 1px!important;
padding: 0px!important;
}
/*LASTPASS下拉菜单美化*/
#lpt_menu_search_box {
border-color: rgb(85,187,236)!important;
}
#lpt_comp-bar-recentlyused,#lpt_comp-bar-recentlyused+menuseparator,#lpt_comp-bar-securenotes,#lpt_lppremium,#lpt_lphelp,#lpt_lpfillformsmenu1 {
display: none !important;
}
#lpt_lastpass-compact-menu,#lpt_lastpass-compact-menu menupopup {
max-width: 260px !important;
}
/*tooltip*/
tooltip {
    -moz-appearance: none !important;
    background: white !important;
    opacity: 0.9 !important;
    border: 1px solid #55BBEC !important;
    border-radius: 0px !important;
}
tooltip label {
    color: #FF9900 !important;
    border-radius: 3px !important;
}

/*分隔线*/
menuseparator {
-moz-appearance: none!important;
border-bottom: 1px solid rgba(85,187,236,0.6)!important;
border-width: 0 0 6px 0;
padding: 0 !important;
margin: 0px 0px 2px 27px!important;
height: 2px !important;
}
/*弹出菜单微透明*/
popup,menupopup,#PanelUI-popup {
opacity: .9;
}
/*菜单选中区域样式*/
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"] {
-moz-appearance: none;
background: rgba(255,153,0,0.2)!important;
border: 1px solid #55BBEC!important;
}
menu,menuitem:not([id="context-back"]),splitmenu,.splitmenu-menuitem {
-moz-appearance: none!important;
height: 24px!important;
border: 1px solid transparent!important;
}
/*选中菜单的字体颜色*/
/*:-moz-any(menuitem,menu):hover > :-moz-any(.menu-text,.menu-iconic-text){color:green!important;}*/
/*颜色微调*/
popup,menupopup:not([id^="BMB"]) {
-moz-appearance: none!important;
background: -moz-linear-gradient(left,rgba(242,241,241,1) 26px,rgba(85,187,236,1) 27px,rgba(251,250,250,1) 27px,rgba(251,250,250,1) 28px) transparent!important;
background-clip: content-box!important;
-moz-border-top-colors: #55BBEC!important;
-moz-border-left-colors: #55BBEC!important;
-moz-border-bottom-colors: #55BBEC!important;
-moz-border-right-colors: #55BBEC !important;
border-width: 1px 1px 1px 1px!important;
padding: 0px!important;
}
/*LASTPASS下拉菜单美化*/
#lpt_menu_search_box {
border-color: rgb(85,187,236)!important;
}
#lpt_comp-bar-recentlyused,#lpt_comp-bar-recentlyused+menuseparator,#lpt_comp-bar-securenotes,#lpt_lppremium,#lpt_lphelp,#lpt_lpfillformsmenu1 {
display: none !important;
}
#lpt_lastpass-compact-menu,#lpt_lastpass-compact-menu menupopup {
max-width: 260px !important;
}
/*tooltip*/
tooltip {
    -moz-appearance: none !important;
    background: white !important;
    opacity: 0.9 !important;
    border: 1px solid #55BBEC !important;
    border-radius: 0px !important;
}
tooltip label {
    color: #FF9900 !important;
    border-radius: 3px !important;
}
云中水
小狐狸
小狐狸
  • UID42542
  • 注册日期2013-11-30
  • 最后登录2018-02-13
  • 发帖数12
  • 经验30枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
  • 忠实会员
1楼#
发布于:2017-04-19 14:46
第一个问题,把rgba(85,187,236,0.6)改成transparent
第二个问题,如果你说菜单整体背景,那么把-moz-linear-gradient(left,rgba(242,241,241,1) 26px,rgba(85,187,236,1) 27px,rgba(251,250,250,1) 27px,rgba(251,250,250,1) 28px) transparent改成#fff
如果你说的鼠标悬停的菜单项背景,那么把rgba(255,153,0,0.2)改成#fff
第三个问题,把#FF9900改成#000
而且你没发现你把代码贴了两遍吗
游客

返回顶部