CSS-макет / шаблон по умолчанию для каждого themeroller - PullRequest
Новая
       33

CSS-макет / шаблон по умолчанию для каждого themeroller

0 голосов
/ 19 октября 2011

В приведенном ниже коде я использую тему плавности из jQuery Themeroller. Здесь стиль тела (текстовое поле и метка) отличается от моего стиля кнопки. Просто хочу узнать, есть ли в Themeroller шаблон / стиль макета по умолчанию для каждой темы. Вот моя ситуация: самому написать тело и другие стили тегов и сделать их похожими на мою тему Themeroller, которую я использую Пожалуйста, поделитесь, если вы сталкиваетесь с подобными сценариями, и все ваши предложения приветствуются. Заранее спасибо. 

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

1 Ответ

0 голосов
/ 20 октября 2011

jQuery UI еще не имеет расширенного элемента ввода текста.

Но вы можете использовать jQuery UI CSS Framework для элементов темы, например: 

<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 для справки.

...