W poniższym kodzie używam motywu gładkości zjQuery Themeroller. Tutaj styl ciała (pole tekstowe i etykieta) różni się od stylu mojego przycisku. Po prostu chcę wiedzieć, czy Themeroller ma domyślny styl szablonu / układu dla każdego motywu. Moja sytuacja polega na napisaniu ciała i innych stylów tagów i sprawieniu, by wyglądał podobnie do mojego motywu Themeroller, którego używam. Podziel się, jeśli napotkasz podobne scenariusze i wszystkie dane wejściowe są mile widziane. Z góry dziękuję.
</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>
Odpowiedzi:
0 dla odpowiedzi № 1Interfejs użytkownika jQuery nie ma jeszcze ulepszonego elementu wprowadzania tekstu.
Możesz jednak użyć struktury jQuery UI CSS Framework do elementów motywu, np .:
<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>
Widzieć http://jqueryui.com/docs/Theming/API na przykład.