2013-06-20 2 views
1

이 질문의 입력 내용을 사용하고 있습니다 : How do I use Chosen jQuery in my html file? 그래서 선택 상자가 있지만 문제는 선택 요소의 스타일을 지정하는 데 어려움이 있습니다. CSS의 왼쪽 및 위쪽 %을 사용하여 위치를 지정했지만 문제가 있습니다. select 요소의 위치를 ​​지정하고 스타일을 지정할 수있는 방법은 무엇입니까?Chosen을 사용하는 동안 select 요소를 배치하는 방법은 무엇입니까?

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

div로 감싸고 div 스타일 –

답변

1

chzn-container.chzn-choices이 바로 클래스가 될 것입니다 위치를 추가하려면 2 가지 방법이 있습니다.

  1. selected.css 파일에 직접 속성을 추가하십시오.
  2. 아래와 같이 jQuery를 통해 속성을 추가합니다. Jsfiddle에서

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

DEMO.

1

대신 select CSS를 추가하려고의, 포장 ul에 추가

 .chzn-choices{ 

left:25%;  
    }