텍스트 상자 및 드롭 다운 목록에 대한 jqueryui

Question

사이트 http://jqueryui.com/demos/은 단추, 라디오 및 체크 상자의 스타일을 설정하는 방법을 설명합니다.

그것은

$(".saveButton").button(
{ 
    icons: { 
    primary: "ui-icon-disk" 
    } 
}); 

에 의해 달성 될 수있다 그래서 왜 안 텍스트 상자 및 DropDownLists? 텍스트 상자에 스타일과 같은 단추를 적용하고 목록을 드롭 다운 할 수 있습니까?

Answer 1

질문에 대한 논리적 대답은 위젯이 "폼 요소"가 아니라 "버튼"이라고 가정합니다. 그러나 유용한 자동 완성 위젯에는 combobox demo이 있습니다. 자동 완성 기능이없는 콤보 상자가있는 또 다른 데모 페이지가 있습니다 : http://jonathan.tang.name/files/jquery_combobox/demo.html.

jQuery UI MultiSelect Widget도 유용 할 수 있습니다. 그것은 jQuery UI 플러그인입니다.

---

는 텍스트 상자에 관해서는, 당신은 단순히 jQuery UI CSS framework에 몇 가지 클래스를 다시 사용할 수 있습니다.

몇 가지 예를 보려면 http://jsfiddle.net/william/gJh2d/1/을 참조하십시오.

Answer 2

또한 드롭 다운 목록은 링크 또는 div 또는 기타 간단한 html 요소 (형식 또는 기타)와 유사하지 않으므로 렌더링과 관련된 브라우저에 기본 "하위 수준"구현이있는 경향이 있습니다. 그래서 그들이 보는 방식을 바꾸는 것이 훨씬 더 어렵습니다. 그래서 드롭 다운 목록이 더 단순한 요소로 나뉘 지 않는 이유입니다. 즉, 옆에 버튼이있는 텍스트 상자가 아니라 완전한 "물건"/ "컨트롤"자체입니다.

그러나 컨트롤을 확보 할 수 있습니다 (하지만 완전히 스타일을 제어하는 ​​등의 요소는 간단하지 볼 수 있듯이 나는 일반적으로 보통 당신이 여기 브라우저에서 무엇을 얻을 작업을 더 잘 말할 것입니다.

상세 정보 참조 예 : enter link description here