3

如何设置选择列表元素的样式？这是我现在的代码...... 

$('.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...."
});

和类 checkbookSelect 看起来像这样...... 

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

但是当我点击，在这种情况下，表格单元格（和 jEditable 触发）和选择列表出现，它没有样式......

我认为 jEditable 中的 cssclass 设置仅适用于 jEditable 创建的跨度，并且可能不适用于它创建的任何输入元素......所以也许答案是使用更具体的 jQuery 选择器和/或 jQuery 的 live () 方法来选择选择列表元素，然后以那种方式应用样式？

请注意，我还尝试使用样式属性/设置...上面已将其注释掉。

顺便说一句，jEditable是一个很棒的脚本......我已经在博客上写了如何设置 datepicker 和jEditable ......

4

3 回答 3

3

cssclass: 'checkbookSelect'将应用于标签表单。

因此.checkbookSelect select，而不是.checkbookSelect在你的 CSS 中应该做的工作。

于 2012-07-02T20:29:52.780 回答
2

能够通过将此行添加到 jquery.jeditable.js 附近的版本 1.7.1 的第 270 行左右来设置下拉样式...可能与确切的行号无关，但我把它放在那里脚本作者检查 settings.select

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

我敢肯定选择器也可以调整...但至少现在可以使用...稍后我会收紧但以防万一其他人有同样的问题...只是想让您知道我让它工作

我已经将选择器改进为...

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

现在效果好多了……

于 2010-08-18T19:59:32.857 回答
0

另一种方法是将所有元素设置为 width:100% ，选择框将在其容器 DOM 内修复，但选项将正确显示，在 firefox 上测试，不需要任何 Javascript 并影响所有标签，您可以附加和 id 到特定元素，以便根据您的需要对其进行样式设置

于 2011-11-18T09:25:35.300 回答