각 themeroller의 기본 CSS 레이아웃/템플릿

아래 코드에서 jQuery Themeroller의 smoothness 테마를 사용합니다. 여기에 본문 스타일 (텍스트 상자 및 레이블)이 제 단추 스타일과 다릅니다. Themeroller에 각 테마에 대한 기본 템플릿/레이아웃 스타일이 있는지 확인하고 싶습니다. 여기 내 상황은 몸과 다른 태그 스타일을 직접 작성하고 내 Themeroller 테마와 비슷하게 보이게하는 것입니다. 비슷한 시나리오에 직면하고 모든 의견을 환영하는 경우 공유하십시오. 미리 감사드립니다.각 themeroller의 기본 CSS 레이아웃/템플릿

</head> 
    <link href="Styles/smoothness/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" /> 
    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script> 
    <script src="Scripts/jquery-ui-1.8.16.custom.js" type="text/javascript"></script> 

    <script> 
     $(function() { 
      $("input[type='button']").button(); 
     }); 
    </script> 
</head> 
<body> 
    <table> 
     <tr> 
      <td> Name </td> 
      <td> <input type="text" id="name" value="" /> </td> 
     </tr> 
     <tr> 
      <td colspan=2> <input type="button" value="Details" id="details" /> </td> 
     </tr> 
    </table> 
</body>

출처

2011-10-19 user845392

jQuery UI에는 향상된 텍스트 입력 요소가 아직 없습니다.

<div class='ui-widget ui-corner-all'> 
    <h3 class='ui-widget-header'>Enter your details</h3> 
    <div class='ui-widget-content' style='padding: 1em'> 
     <table> 
      <tr> 
       <td><div class='ui-widget-header ui-corner-all'>Name</div></td> 
       <td> <input type="text" id="name" value="" /> </td> 
      </tr> 
      <tr> 
       <td colspan=2> <input type="button" value="Details" id="details" /> </td> 
      </tr> 
     </table> 
    </div> 
</div>

는 참조 용으로 http://jqueryui.com/docs/Theming/API를 참조하십시오

하지만 당신은 테마 요소에 jQuery를 UI의 CSS 프레임 워크, 예를 사용할 수 있습니다.

출처

2011-10-20 00:58:29 dustyneuron

각 themeroller의 기본 CSS 레이아웃/템플릿

답변

관련 문제