是否有可能在按钮后面有一个伪元素？ [英] Is it possible to have a :after pseudo element on a button?

问题描述

我有一个按钮，在悬停时我想要一个after元素来显示。
但我看不到它。是否有可能在按钮上有一个：after元素？

I have a button and on a hover I want a after element to show. But I can't see it. Is it possible to have a :after element on a button?

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;
}

推荐答案

最新的浏览器。

为了实现它，你需要在你的程序中添加 content：; 在之后。

To get it to work, you need to add content:""; in your after.

这篇关于是否有可能在按钮后面有一个伪元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！