先去定义一个库 .. 名字可以是 ui.button .. 设置一下 version .. 添加一个 css ... 放在 components 群组里 .. css 的位置是 semantic/dist/components/button.css: {}

下面我们可以把这个库放在所有的页面上，或者某个用到这个库里的东西的地方去使用它 ..

先把它放在 page_attachments_alter 这个 hook 里面，这样可以把这个库用在所有的页面上 ..

$attachments['#attached']['library'][] = 'ninghao_ui/ui.button';

重建一下缓存 ..

再打开 Drupal 的一个页面 .. 比如这个内容管理页面 .. 先确定我们的库里的 css 文件已经被当前这个页面加载了 ... 查看页面源代码 .. 然后搜索一下 css 文件的名字 .. 确定以后再回到这个内容管理页面 ..

这上面有一些按钮 .. 比如这个 filter .. 它是一个 input 元素.. 类型是 submit ，也就是一个提交表单用的按钮 ..

在这个元素的上面，我们添加一个 ui button .. 这样这个按钮就会使用在我们刚才定义的 ui.button 库里提供的样式了 ... 这个样式是 semantic ui 这个 css 框架提供的 ..

下面我们要想办法在这个元素上添加特定的 css 类去应用我们的样式 ...