Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
每个themeroller的默认CSS布局/模板_Css_Jquery Ui_Themeroller - Fatal编程技术网

每个themeroller的默认CSS布局/模板

每个themeroller的默认CSS布局/模板,css,jquery-ui,themeroller,Css,Jquery Ui,Themeroller,在下面的代码中,我使用jQuery Themeroller中的平滑度主题。这里的主体样式文本框和标签与我的按钮样式不同。只是想知道Themeroller是否为每个主题都有默认的模板/布局样式。我的情况是自己写一个主体和其他标签样式,使它看起来与我使用的主题相似。如果您面临类似的情况,请分享,欢迎您的所有意见。提前谢谢 </head> <link href="Styles/smoothness/jquery-ui-1.8.16.custom.css" rel="style

在下面的代码中,我使用jQuery 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>

jQueryUI还没有增强的文本输入元素

但您可以使用jQuery UI CSS框架对元素进行主题化,例如:

<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>
请参阅以供参考