使用jquery插件jquery selectboxit由greg franko,

时间:2013-02-27 09:58:57

标签: jquery-plugins

我正在使用greg franko的jquery插件jquery selectboxit,我们可以在一个页面中为2个不同的选择框渲染2种不同的样式。

1 个答案:

答案 0 :(得分:0)

是的,你可以。由于SelectBoxIt会将原始选择框中的任何类名复制到新的下拉列表,因此您可以使用它为您的下拉列表创建许多不同的样式:

这是一个示例CSS类,它为下拉列表应用了一个小宽度:

.small-dropdown.selectboxit, .small-dropdown.selectboxit + .selectboxit-options{
    width: 50px;
    min-width: 50px;    
}

在您的HTML中,您将使用您的类:

<select class="small-dropdown">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

以下是此技术的jsfiddle示例。