Friday, May 29, 2009

[jQuery] Re: Jeditable - How to style a button using CSS

On May 29, 2009, at 6:40 AM, Charles wrote:

>
> Hello all,
>
> I am a newbie to jquery and jeditable. I have a select that is working
> using jeditable. However, I cannot figure out how to style the submit
> button. I have the DIV of the field to edit within a <td> of a table.

Lets say you have something like this:

$(".editable").editable("http://www.example.com/save.php", {
type : 'textarea',
submit : 'OK',
cancel : 'cancel',
cssclass : "editable"
});

Generated HTML would be like this:

<form class="editable">
<textarea name="value" ></textarea>
<button type="submit">OK</button>
<button type="cancel">cancel</button>
</form>

You should then be able to style buttons with something like:

form.editable > button {
color : #F00
}


--
Mika Tuupola
http://www.appelsiini.net/

No comments: