Html 未在UI中显示特殊字符

我的一个按钮将添加以下效果：

.custom-button:after {
    content: "➜";
    position: absolute;
    opacity: 0;
    top: 14px;
    right: -20px;
    transition: 0.5s;
}

除特殊角色外的效果已成功应用于我的按钮

尝试了几个网站来检查我是否应该尝试使用

\279C

或

→和在我的页面中定义
。什么都做了。似乎什么都不管用

任何指导方面的帮助都意义重大

更新：

我有一个与我在项目中使用的代码相同的代码。
当归结到演示问题所需的绝对最小值时，您的代码如下所示：


.custom按钮：：在{content:'之后➜';}
您可以在这里找到我的代码笔解决方案：

正如李斯特先生所说，解决办法是将按钮变成

以下是我对JSFIDLE代码的修改

<button type="submit" style="border-radius:20px; width:150px; margin-top:25px;" class="btn btn-primary custom-button" onclick="sessionStorage.setItem('fileName','');">Sign In</button>

opacity:0
你说呢？@MrLister:在你说了之后现在被删除了。仍然看不到字符。我有一个用html定义的按钮文本。即使在这个效果之后也会显示出来。希望不透明不成问题。好的。你能发布一个吗？我想看看：after是相对于什么定位的。当然。请检查我的更新列表器。t汉克斯·加勒特：）
.custom-button:hover {
  background-color: #219025 !important;
  border-color: #219025 !important;
}

.custom-button:hover::after {
  display: inline;
  padding-left: 8px;
}

.custom-button::after {
  content: '\2192';
  display: none;
}