Pick list item style in jEditable

Question

How to style a selection list item? Here is my code as of now ...

$('.editableSelect').editable(function(value, settings) {
    if (this.revert == value) {
        this.reset();
        return;
    }
    setSaveButtonRed(this);
    setDescFromAccountCode(this, value);
    return (value);
}, {
    type: 'select',
    submit: '<button type="submit" class="checkbookButton">OK</button>',
    data: $('#accountCodesForSelect').val(),
    cssclass: 'checkbookSelect',
    //style: 'font-family: Verdana,Helvetica,Sans-Serif; font-size:0.75em; width:700px;',
    tooltip: "Click to edit...."
});  

and the checkbookSelect class looks like this:

.checkbookSelect
{
    font-family:Verdana,Helvetica,Sans-Serif;
    font-size:0.75em;
}

But when I click the button, in this case the table cell (and jEditable fires) appears and the selection list is not a style ...

I think the cssclass parameter in jEditable is only for the range that jEditable creates and may not apply to any input element that it creates ... so maybe the answer is to use a more specific jQuery and / or jQuery live selector () to select a selection list item and then apply the style in this way?

Note that I also tried using the style / setting attribute ... he commented above.

BTW jEditable - script... , datepicker jEditable ...

Answer 1

, jquery.jeditable.js 270 1.7.1... , , , , script .

$('select').addClass(settings.cssclass);

, ... , , ... , , - ... ,

...

$(form).children('select').addClass(settings.cssclass);

...

Answer 2

cssclass: 'checkbookSelect' .

, .checkbookSelect select .checkbookSelect CSS .

Answer 3

Another way to do this is to set all elements wide: 100%, the selection field will be fixed inside the DOM of the container, but the parameters will be displayed correctly, checked on firefox, do not require any Javascript and do not affect all tags, you can add id to certain elements to style it according to your needs.