Comment faire Pour modifier la taille du bouton dans l'Interface utilisateur de Jquery boîte de dialogue de confirmation?
Mon code est ci-dessous.j'ai besoin de changer la taille du bouton dans la ok et annuler dans le bouton.
<div style="font-size: medium" id="dialog" title="Confirmation Required">
Story Will Be Deleted??
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#dialog").dialog({
autoOpen: false,
width:300,
hight:400,
fontSize:10,
modal: true
});
});
$(".confirmLink").click(function(e) {
e.preventDefault();
var targetUrl = $(this).attr("href");
//$dialog.attr('font-size', '8px');
$("#dialog").dialog({
buttons : {
"OK" : function() {
window.location.href = targetUrl;
},
"Cancel" : function() {
$(this).dialog("close");
}
}
});
$("#dialog").dialog("open");
});
</script>
Grâce
- de quoi avez-vous besoin de la changer? Aussi pourquoi ne pas simplement MODIFIER le CSS qui correspond à ces 2 éléments?
- j'ai Besoin de changer la taille du bouton???
- je wnat le rendre plus petit
- qui JS r vous aide? u veuillez fournir le code HTML aussi ou il suffit de coller votre code dans
jsfiddle.net
Vous devez vous connecter pour publier un commentaire.
Vous pouvez le faire avec un peu de CSS, tout ce que vous devez faire est de réduire la taille de la police:
Vous pouvez également déposer le rembourrage:
Ces réglages sont spécifiques à votre boîte de dialogue (d'où le
#dialog
dans le sélecteur CSS) pour éviter de gâcher toute autre jQuery-UI boutons que vous utilisez. Si vous voulez faire tous les boutons plus petits, puis appliquer les modifications à votre jQuery-UI CSS du thème.La façon la plus simple de comprendre les cours à régler est d'utiliser un inspecteur DOM (Firebug en a un, WebKit a une meilleure (à mon humble avis) un).
Vous pouvez définir la largeur de bouton comme dans cet exemple:
Essayer cela, je m en utilisant
CSS : douceur/jquery-ui-1.8.9.la coutume.css
JS : jquery-1.4.4.min.js et jquery-ui-1.8.9.custom.min.js
cela a fonctionné pour moi