如何在没有图像的情况下将箭头标志放在提交按钮上

Question

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

Answer 1

文字旁边的箭头将是

TEXT →   

并且看起来像：

TEXT→

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

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

}

<button>ENTER</button>

或使用Character Entity Reference Chart

<button>ENTER &rtrif; </button>