Drupal 自带的工具栏有几个地方我想修改一下 .. 比如我不太喜欢这个工具栏上的阴影 .. 现在我要想办法在工具栏上添加自己的样式 ..

打开我的自定义模块的 module 文件 .. 先定义一个函数 .. 这个函数可以检查当前用户有没有 access toolbar 这个权限 ... 如果有它就会 return true，没有的话 return 的就是 false ..

然后我们再用一下 hook_preprocess_html 这个 hook ... 在它里面检查一下用户有没有 access toolbar 权限 ... 如果有，就在 body 元素上添加两个 css 类 ... 添加一个 ninghao-toolbar .. 可以再添加一个 ninghao ..

你可以利用这些 css 类，去为 css 样式的选择器增加重量，这样就可以覆盖 toolbar 模块里面提供的样式了 ..

再找到 page_attachments_alter .. 在这里我们也可以根据用户的 access toolbar 权限来决定是不是要附加一个资源库 .. 要附加的是 ninghao_ui/ui.toolbar ...

再去定义这个库 ..

需要一个 css 文件 .. 位置是在 css/components/toolbar.css ..

再去创建这个 css 文件 ...

然后在这个 css 文件里，你可以添加一些想要覆盖的样式 .. 你可以在浏览器上检查工具栏上的元素，找到合适的样式选择器，把它们放在这些 .. 这里我用了 .ninghao-toolbar 作为选择器的前缀 ... 这样会给这块样式添加额外的重量，也就会覆盖掉 toolbar 模块里的样式 ..

重建一下缓存 ..

再预览一下 ...

你会发现这个工具栏的样式有一点变化 ... 比如它下面这个阴影已经不见了 ...