搜索
查看: 6094|回复: 21
收起左侧

[原创资源] 给你的右键图标着色CSS【完善一下:添加一些弹出菜单ID】】!O(∩_∩)O~

  [复制链接]
水木年华。。。
发表于 2016-2-22 12:24:31 | 显示全部楼层 |阅读模式
本帖最后由 水木年华。。。 于 2016-2-27 13:15 编辑


[mw_shl_code=css,true]
/*禁用菜单文字变灰*/
:-moz-any(menuitem,menu)[disabled="true"] .menu-iconic-text{color: #808080 !important;}
/*----------------------更新:换用白名单法,感谢@zhulinxizi和@颜太吓提供的想法---------------------*/
/*----------------------青色------------------------------*/
:-moz-any(
/*这里添加未加彩色的菜单,记住是整个菜单(老爹元素)*/
#superstart-menu,
[class="textbox-input-box"],
#lpt_lastpass-compact-menu,
#listitem-context,
#ppAttrContext,
#FeiRuoTabplus_Undo_menupopup,
#mainPopupSet,.textbox-input-box.urlbar-input-box,
#userChromebtnMenu,
#addons-page,
#stylish-edit
)
/*排除的菜单*/
:not(:-moz-any(
[class="menuitem-iconic bookmark-item menuitem-with-favicon"]
)):-moz-any(menuitem,menu):nth-child(6n+1)>.menu-iconic-left>.menu-iconic-icon{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.1 \
    0.3 0.38 0.3 0.0 0.28 \
    0.3 0.3 0.38 0.0 0.0 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*--------------------紫色---------------------------*/
:-moz-any(
/*这里添加未加彩色的菜单,记住是整个菜单(老爹元素)*/
#superstart-menu,
[class="textbox-input-box"],
#lpt_lastpass-compact-menu,
#listitem-context,
#ppAttrContext,
#FeiRuoTabplus_Undo_menupopup,
#mainPopupSet,.textbox-input-box.urlbar-input-box,
#userChromebtnMenu,
#addons-page,
#stylish-edit
)
/*排除的菜单*/
:not(:-moz-any(
[class="menuitem-iconic bookmark-item menuitem-with-favicon"]
)):-moz-any(menuitem,menu):nth-child(6n+2)>.menu-iconic-left>.menu-iconic-icon,
#menu_tabview>.menu-iconic-left{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.0 \
    0.3 0.38 0.3 0.0 0.0 \
    0.3 0.3 0.38 0.0 0.3 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*--------------------------红色----------------------------*/
:-moz-any(
/*这里添加未加彩色的菜单,记住是整个菜单(老爹元素)*/
#superstart-menu,
[class="textbox-input-box"],
#lpt_lastpass-compact-menu,
#listitem-context,
#ppAttrContext,
#FeiRuoTabplus_Undo_menupopup,
#mainPopupSet,.textbox-input-box.urlbar-input-box,
#userChromebtnMenu,
#addons-page,
#stylish-edit
)
/*排除的菜单*/
:not(:-moz-any(
[class="menuitem-iconic bookmark-item menuitem-with-favicon"]
)):-moz-any(menuitem,menu):nth-child(6n+3)>.menu-iconic-left>.menu-iconic-icon{   
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.4 \
    0.3 0.38 0.3 0.0 0.0 \
    0.3 0.3 0.38 0.0 0.0 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*--------------------蓝色-----------------------------------*/
:-moz-any(
/*这里添加未加彩色的菜单,记住是整个菜单(老爹元素)*/
#superstart-menu,
[class="textbox-input-box"],
#lpt_lastpass-compact-menu,
#listitem-context,
#ppAttrContext,
#FeiRuoTabplus_Undo_menupopup,
#mainPopupSet,.textbox-input-box.urlbar-input-box,
#userChromebtnMenu,
#addons-page,
#stylish-edit
)
/*排除的菜单*/
:not(:-moz-any(
[class="menuitem-iconic bookmark-item menuitem-with-favicon"]
)):-moz-any(menuitem,menu):nth-child(6n+4)>.menu-iconic-left>.menu-iconic-icon{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.0 \
    0.3 0.38 0.3 0.0 0.07 \
    0.3 0.3 0.38 0.0 0.3 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*------------------------碧绿色----------------------------------*/
:-moz-any(
/*这里添加未加彩色的菜单,记住是整个菜单(老爹元素)*/
#superstart-menu,
[class="textbox-input-box"],
#lpt_lastpass-compact-menu,
#listitem-context,
#ppAttrContext,
#FeiRuoTabplus_Undo_menupopup,
#mainPopupSet,.textbox-input-box.urlbar-input-box,
#userChromebtnMenu,
#addons-page,
#stylish-edit
)
/*排除的菜单*/
:not(:-moz-any(
[class="menuitem-iconic bookmark-item menuitem-with-favicon"]
)):-moz-any(menuitem,menu):nth-child(6n+5)>.menu-iconic-left>.menu-iconic-icon{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.0 \
    0.3 0.38 0.3 0.0 0.3 \
    0.3 0.3 0.38 0.0 0.3 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
/*-----------------------棕色-------------------------------------*/
:-moz-any(
/*这里添加未加彩色的菜单,记住是整个菜单(老爹元素)*/
#superstart-menu,
[class="textbox-input-box"],
#lpt_lastpass-compact-menu,
#listitem-context,
#ppAttrContext,
#FeiRuoTabplus_Undo_menupopup,
#mainPopupSet,.textbox-input-box.urlbar-input-box,
#userChromebtnMenu,
#addons-page,
#stylish-edit
)
/*排除的菜单*/
:not(:-moz-any(
[class="menuitem-iconic bookmark-item menuitem-with-favicon"]
)):-moz-any(menuitem,menu):nth-child(6n+6)>.menu-iconic-left>.menu-iconic-icon,
#alltabs_undoCloseTab>.menu-iconic-left{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.4 \
    0.3 0.38 0.3 0.0 0.1 \
    0.3 0.3 0.38 0.0 0.0 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
}
}[/mw_shl_code]

评分

参与人数 1人气 +1 收起 理由
dupontjoy + 1 版区有你更精彩: )

查看全部评分

wit守护
发表于 2016-2-22 12:38:14 | 显示全部楼层
顶!!!!!!!
jinke679
发表于 2016-2-22 13:19:05 | 显示全部楼层
很不错的想法!
两个问题:
一、作用区域的问题,现在是作用于所有菜单项,加上限定在右键菜单可好?
二、不可用项目不能区分了,比如页面右键菜单上面的前进、后退按钮,定义下[disable]下的展示可好?
我看好你哟!
叙说残语
发表于 2016-2-22 13:56:19 | 显示全部楼层
很淡雅,但是特别好看
dupontjoy
发表于 2016-2-22 14:37:13 | 显示全部楼层

大叔逗妇乳
发表于 2016-2-22 19:10:55 | 显示全部楼层
太叼了
1018148046
发表于 2016-2-22 19:51:12 | 显示全部楼层
jinke679 发表于 2016-2-22 13:19
很不错的想法!
两个问题:
一、作用区域的问题,现在是作用于所有菜单项,加上限定在右键菜单可好 ...

一 每段颜色代码前面加上#mainPopupSet 记得有空格
二 :-moz-any(menuitem,menu)[disabled]>.menu-iconic-left>.menu-iconic-icon{opacity: .3 !important;}
jinke679
发表于 2016-2-22 20:12:57 | 显示全部楼层
1018148046 发表于 2016-2-22 19:51
一 每段颜色代码前面加上#mainPopupSet 记得有空格
二 :-moz-any(menuitem,menu)[disabled]>.menu-icon ...

Thanks!
我们都爱大头妹
发表于 2016-2-23 18:46:01 | 显示全部楼层
你的整个的右键样式能发我下吗! 好看
落叶草香
发表于 2016-2-23 21:49:31 | 显示全部楼层
挺好看的,谢谢楼主分享
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

手机版|杀毒软件|软件论坛|优惠券| 卡饭论坛

Copyright © KaFan  KaFan.cn All Rights Reserved.

Powered by Discuz! X3.4( 苏ICP备07004770号 ) GMT+8, 2017-11-20 05:49 , Processed in 0.050349 second(s), 6 queries , MemCached On.

快速回复 返回顶部 返回列表