带有 :before 的样式按钮不起作用

Question

我试着让我的 header 像这样的 wordpress：https://boardwalkdemo.wordpress.com/

但是有点不对劲。我的切换按钮 :before 代码显示不正确。

我可以在 http://detelin-markov.blogspot.com/

上实时查看我的进度

我的错误在哪里？

Answer 1

在您的 .sidebar-toggle::before 中，您应该添加字体系列，即 FontAweSome，并且该字体无法识别您的内容。

这是一个例子：

.sidebar-toggle::before {
   content: "\f039";
   height: 24px;
   width: 16px;
   color: inherit;
   font-size: 16px;
   line-height: 24px;
   font-family: 'FontAweSome';
}

带有 :before 的样式按钮不起作用

Style button with :before don`t work

html

wordpress

css

blogger