Gradient on input text

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!

Hopefully this will help http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

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

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 ?

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.

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

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

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

This may be useful – http://labs.dragoninteractive.com/rainbows.php