使用 Chosen 时如何定位选择元素？答案

【问题标题】：How to position the select element while using Chosen?使用 Chosen 时如何定位选择元素？
【发布时间】：2013-06-20 18:07:30
【问题描述】：

我正在使用这个问题的输入： How do I use Chosen jQuery in my html file? 所以我有一个选择框，但问题是我无法设置选择元素的样式。我在 CSS 中使用 left 和 top % 来定位它，但它不起作用。如何定位和设置选择元素的样式？

http://jsfiddle.net/NWD9Q/3/

一点sn-p：

<select class="chzn-select" multiple="true" name="faculty" style="width:200px;">
    <option value="AC">A</option>
    <option value="AD">B</option>
    <option value="AM">C</option>
    <option value="AP">D</option>
</select>

【问题讨论】：

将其包装在一个 div 中并设置该 div 的样式

标签： jquery html css jquery-chosen

【解决方案1】：

chzn-container 将是添加位置的正确类，这可以通过两种方式完成。

直接在chosen.css文件中添加属性。
通过 jQuery 添加属性，如下所述。

$(".chzn-container").css({"left":"20%"});

DEMO 在Jsfiddle.

【讨论】：

【解决方案2】：

不要尝试将css添加到select，而是添加到包装ul，.chzn-choices

     .chzn-choices{

left:25%;    
    }

【讨论】：