如何用css改变破折号图标的颜色?

时间:2017-12-29 作者:T.Todua

可以更改的颜色DashIcons 使用CSS?我无法让它工作。

2 个回复
最合适的回答,由SO网友:DekiGk 整理而成

是的,这是可能的。确保CSS选择器正确。您可以针对特定的HTML元素或其::before 伪元素并使用CSS更改颜色。您是否可以发布您想要更改的元素的HTML片段以及您正在使用的CSS选择器?也许你的意思是改变所有仪表盘图标的WP管理区内的颜色?在这种情况下:

.dashicons { color: red; }

SO网友:Tia P

正确的方法:

#adminmenu div.wp-menu-image:before {
    color: #000; <-- here
}

#adminmenu .wp-has-current-submenu div.wp-menu-image:before {
    color: #000; <-- here
}
并确保获得所选子菜单的悬停状态

#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
#adminmenu .current div.wp-menu-image:before,
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
    color: #000; <-- here
}
所有dashicon css和相关wp菜单图像css都位于管理菜单中。css工作表。

结束