831 posts
  • 6 Years of Membership
  • Affiliate Level 1
  • Author Level 3
  • Collector Level 2
+4 more
tigerlabs
says

Hey guys,

Is there a way to put a gradient on input text? It only has to work with firefox.

Example: http://twitpic.com/2a7jp8/full

Thanks!

444 posts
  • 6 Years of Membership
  • Collector Level 1
  • Exclusive Author
  • United Kingdom
TahaH-Studio
says
831 posts
  • 6 Years of Membership
  • Affiliate Level 1
  • Author Level 3
  • Collector Level 2
+4 more
tigerlabs
says

Aw, didn’t help. I’m looking for a way to apply a gradient to the text in the input itself. :)

1787 posts
  • Winner
  • Author Level 4
  • Exclusive Author
  • 6 Years of Membership
+2 more
OrdinaryThemes
says
Hopefully this will help http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

I’m not sure this will work on input fields, it requires a span inside.

@tigerthemes: Maybe this: http://labs.dragoninteractive.com/rainbows.php ?

831 posts
  • 6 Years of Membership
  • Affiliate Level 1
  • Author Level 3
  • Collector Level 2
+4 more
tigerlabs
says

cmt, that’s what I tried first and it didn’t work. I’ve been trying to find a solution for hours, and haven’t found anything. :(

444 posts
  • 6 Years of Membership
  • Collector Level 1
  • Exclusive Author
  • United Kingdom
TahaH-Studio
says
Hopefully this will help http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

I’m not sure this will work on input fields, it requires a span inside.

@tigerthemes: Maybe this: http://labs.dragoninteractive.com/rainbows.php ?

Well, I think its possible if u sort your from the way I did below

<form action="">
    <ul>
        <li>
            <span></span>
            <input name="username" type="text" id="username" value="passwork" />
        </li>
        <li>
            <span></span>
            <input type="submit" value="password" />
        </li>
    </ul>
</form>

the only issue that you will face is that the text wont be selectable but i think it could be fixes using .click funtion in jQuery

1182 posts
  • 6 Years of Membership
  • Affiliate Level 1
  • Collector Level 2
  • Exclusive Author
campolar
says

You could use jquery to add span tags around the text typed into the input box. And use the span gradient technique. I’m not sure if this is possible tho

382 posts
  • 7 Years of Membership
  • Affiliate Level 1
  • Author Level 5
  • Collector Level 2
+3 more
blabus
says

Perhaps look into a content-editable DIV as opposed to an input field.

191 posts
  • 5 Years of Membership
  • Affiliate Level 1
  • Author Level 8
  • Collector Level 4
+9 more
Artillegence
says
by
by
by
by
by
by