2012-10-15 58 views
1

我使用Jeditable插件创建了一个Select选项。选择可用宽度

This正好与我的情况相似。

我需要增加我的选择选项的宽度。

我该如何做到这一点?

这是我的代码

$('.editable_select').editable(function(value, settings) { 
    console.log(this); 
    console.log(value); 
    console.log(settings); 
    return(value); 
    }, { 
    data : "{'example1':'example1','example2':'example2','example3':'example3'}", 
    type : 'select', 
    submit : 'OK', 
    style : "inherit", 
}); 

回答

1

您可以只需添加以下样式:

#editable select​ { width: 200px }​ 

DEMO

+0

感谢我曾尝试应用CSS类这样的,我不知道为什么宽度不增加。我已编辑我的问题以显示我的代码 – Koala7

+0

它将位于选择器中。请尝试**。editable_select选择{width:200px} **或添加您的html标记。 –

+0

完美的Michal,现在应用这个CSS的宽度已经增加。谢谢 – Koala7