17

ボタンがあり:hover、後要素を表示したいと思います。しかし、私はそれを見ることができません。:afterボタンに要素を配置することは可能ですか?

.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;
}
<button class="button button-primary">My button</button>

4

2 に答える 2

27

これは、最新のすべてのブラウザで動作するはずです。

動作させるにcontent:"";は、after.

于 2013-09-12T15:01:21.147 に答える
0

はい、MS IE 7 以下などの非常に古いブラウザをサポートする必要がない限り、使用できます。空の HTML タグの疑似要素を理解しないブラウザは他に知りません。実際、私はすでにいくつかの生産現場で問題なく使用しています。

于 2013-09-12T15:06:54.473 に答える