how to put arrow sign on submit button without an image..
Asked
Active
Viewed 1.7k times
-1
-
http://stackoverflow.com/questions/2920076/html-css-how-to-add-image-icon-to-input-type-button – Vick Jan 22 '15 at 10:52
-
he did say without an image – Martin Jan 22 '15 at 10:53
-
1Hi, welcome to SO, please add more details about what you want as there can be many types of "arrows signs"... Otherwise your question will be closed. – web-tiki Jan 22 '15 at 11:00
2 Answers
10
arrow next to your text, will be
TEXT →
and will look like:
TEXT →
From looking at: http://dev.w3.org/html5/html-author/charref a complete list of symbols you can create from HTML entities (symbols made from HTML special characters).
Martin
- 22,212
- 11
- 70
- 132
2
By using Pseudo element
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>Or use Character Entity Reference Chart
<button>ENTER ▸ </button>
Gildas.Tambo
- 22,173
- 7
- 50
- 78
-
to be honest I think your first answer can look somewhat more classy than my textual approach, – Martin Jan 22 '15 at 10:56