html – 是否有可能在按钮上有一个：after伪元素？

参见英文答案 > Why do the :before and :after pseudo-elements require a ‘content’ property?4个
我有一个按钮,在悬停时我想要一个after元素来显示.
但我看不到它.是否可以在按钮上有一个：after元素？

HTML：

<button class="button button-primary">My button</button>

CSS：

.button {
  cursor: pointer;
  height: 30px;
}

.button-primary {
  border: none;
}
.button-primary:hover:after {
  display: block;
  position: relative;
  top: 3px;
  right: 3px;
  width: 100px;
  height: 5px;
}

解决方法

这应该适用于所有最新的浏览器.

要使其工作,您需要添加内容：“”;在你的后.

原文地址：https://www.jb51.cc/html/227829.html