Unicode字符“X”取消/关闭?

我想只使用CSS创建一个关闭按钮。

我相信我不是第一个这样做的人，所以有人知道哪种字体的“x”宽与高相同，这样它就可以跨浏览器使用，看起来像一个关闭按钮吗?

当前回答

&#x274C;

看起来像:

❌

这对我有好处:)

其他回答

如果使用×-mark(乘法符号)，×在HTML中，为了那个?

“x”(字母)不能用来表示字母x以外的任何东西。

这是为那些想让他们的X小/大和红色的人准备的!

HTML:

<div class="col-sm-2"> <span><div class="red-x">&#10006;</div></span>
    <p>close</p>
</div>

<div class="red-x big-x">&#10006;</div>

CSS:

.red-x {
color: red;
}

.big-x {
font-size: 70px;
text-align: center;
}

这可能是迂迂的，但到目前为止，还没有人真正给出一个解决方案“只使用CSS创建一个关闭按钮。”给你:

#close:before {
  content: "✖";
  border: 1px solid gray;
  background-color:#eee;
  padding:0.5em;
  cursor: pointer;
}

http://codepen.io/anon/pen/VaWqYg

&#x274C;

看起来像:

❌

这对我有好处:)

报;and font-family: Garamond，“苹果Garamond”;让它足够好。Garamond字体很薄，网络安全

推荐文章