使用选择时如何定位选择元素?

时间:2013-06-20 18:07:31

标签: jquery html css jquery-chosen

我正在使用此问题的输入: How do I use Chosen jQuery in my html file? 所以我有一个选择框,但问题是我在设置选择元素时遇到了麻烦。我在CSS中使用了左边和顶部%来定位它,但是它不起作用。我如何定位和设置选择元素的样式? / p>

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

一个小片段:

<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>

2 个答案:

答案 0 :(得分:1)

不是尝试将css添加到select,而是添加到包裹ul.chzn-choices

     .chzn-choices{

left:25%;    
    }

答案 1 :(得分:1)

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

  1. 直接在 chosen.css 文件中添加属性。
  2. 通过jQuery添加属性,如下所述。
  3. $(".chzn-container").css({"left":"20%"});

    Jsfiddle中的

    DEMO