如何在没有图像的情况下在提交按钮上放置箭头符号[关闭]答案

【问题标题】：how to put arrow sign on submit button without an image [closed]如何在没有图像的情况下在提交按钮上放置箭头符号[关闭]
【发布时间】：2015-01-22 10:50:01
【问题描述】：

如何在没有图像的情况下在提交按钮上放置箭头符号..

【问题讨论】：

stackoverflow.com/questions/2920076/…
他确实说没有图片
您好，欢迎来到 SO，请添加有关您想要的更多详细信息，因为可能有多种类型的“箭头标志”......否则您的问题将被关闭。

标签： html css

【解决方案1】：

文本旁边的箭头，将是

TEXT &rarr;

看起来像：

文字→

从看： http://dev.w3.org/html5/html-author/charref 可以从 HTML 实体创建的符号的完整列表（由 HTML 特殊字符组成的符号）。

【讨论】：

【解决方案2】：

通过使用伪元素

button{position: relative; margin: 40px}
button:before{
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 10px solid red;
border-bottom: 10px solid transparent;
right: -20px;
top: -1px;

}

&lt;button&gt;ENTER&lt;/button&gt;

或使用Character Entity Reference Chart

&lt;button&gt;ENTER &amp;rtrif; &lt;/button&gt;

【讨论】：

老实说，我认为您的第一个答案可能比我的文字方法看起来更优雅，