每个themeroller的默认CSS布局/模板
在下面的代码中,我使用jQuery Themeroller中的平滑度主题。这里的主体样式文本框和标签与我的按钮样式不同。只是想知道Themeroller是否为每个主题都有默认的模板/布局样式。我的情况是自己写一个主体和其他标签样式,使它看起来与我使用的主题相似。如果您面临类似的情况,请分享,欢迎您的所有意见。提前谢谢每个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
</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>
请参阅以供参考