設置jEditable中的選擇列表元素的樣式

如何設置選擇列表元素的樣式？這裏是我的代碼，因爲它是現在...設置jEditable中的選擇列表元素的樣式

$('.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中的cssclass設置僅適用於jEditable創建的跨度，也許不適用於它創建的任何輸入元素...所以也許答案是使用更具體的jQuery elector和/或jQuery的live（）方法來選擇列表元素，然後應用這種樣式？

請注意，我也嘗試使用樣式屬性/設置...它被註釋掉上面。

BTW jEditable是一個真棒腳本...和我在博客中ABT如何設置日期選擇器和jEditable here ...

來源

2010-08-13 w4ik

當你看到這個時，你使用了哪個瀏覽器？ – 2010-08-14 12:33:58

IE8 ...和Firefox 3.whatever6？...有趣的事情是頁面上的其他選擇列表確實接受樣式...我只是設置字體和字體大小...我知道選擇列表不響應IE中的所有樣式設置。 – w4ik 2010-08-15 00:08:50

之所以能夠加入這一行jQuery來設置造型上下拉。近線270左右的1.7.1版本jeditable.js ......也許並不重要，再精確的行數，但我把它放在那裏，這其中的腳本作者檢查settings.select

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

我肯定選擇器也可以調整......但至少現在可以工作......我稍後會加緊它，但如果其他人有同樣的問題...只是想讓你知道我是如何得到它的工作

我精的選擇來此...

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

作品現在好多了...

來源

2010-08-18 19:59:32 w4ik

另一種方式這是爲了設置寬度爲100％的所有元素，選擇框將修復它的容器DOM內部，但選項將正確顯示，在Firefox上測試，不需要任何Javascript並影響所有標籤，您可以將特殊元素以便根據您的需求設計風格

來源

2011-11-18 09:25:35

cssclass: 'checkbookSelect'將應用於標籤表單。

所以.checkbookSelect select而不是.checkbookSelect在你的CSS應該做的工作。

來源

2012-07-02 20:29:52 Real

設置jEditable中的選擇列表元素的樣式

回答

相關問題