0

I know it's easy to change the color if you use the standard format and css :

<i class="icon-cog"></i>

But I'm forced to use the html format (&#xf0c7) of the icon:

<input id="btn-save-workout" type="submit" class="btn btn-default pull-right btn-sm" value="&#xf0c7; Save">

http://fortawesome.github.io/Font-Awesome/cheatsheet/

Not sure it's possible with this syntax. I tried putting a div around with a color without success. Thanks in advance,

Astro
  • 123
  • 2
  • 13

1 Answers1

1

Try this:

<button id="btn-save-workout" type="submit" class="btn btn-default pull-right btn-sm">&#xf0c7; Save</button>

Functionally, <button type="submit">Submit</button> is identical to what you are doing.

Then change the color on that button.

Here's some information on button vs input.

Community
  • 1
  • 1
Antrikshy
  • 2,918
  • 4
  • 31
  • 65
  • Thanks this worked perfectly with a button! https://www.dropbox.com/s/m94kij6kxq8f2ga/iconColors.png?dl=0 – Astro Feb 26 '15 at 05:18
  • Thanks I just did! This code is now live in my software if you want to check it out :) https://maximumtrainer.com/news – Astro Feb 26 '15 at 20:32