As you said, it has the classes 'ui-state-default ui-corner-all'. You just
need to toggle the ui-state-hover class on hover:
$('button').hover(function() {
$(this).addClass('ui-state-hover');
}, function() {
$(this).removeClass('ui-state-hover');
});
- Richard
On Tue, Dec 1, 2009 at 11:50 AM, Richard D. Worth <[email protected]> wrote:
> That Fechar button created by the dialog buttons option is simply an html
> button:
>
> <button type="button">Fechar</button>
>
> - Richard
>
>
> On Tue, Dec 1, 2009 at 10:44 AM, Led <[email protected]> wrote:
>
>> Thanks for the help.
>> I would likea site to have a consistent look.
>> I have this dialog code:
>>
>> $('#lgdialogdiv').dialog({ modal: true, autoOpen: false, width: 500,
>> title: 'Pedido disponibilidade',
>> buttons: { 'Fechar': function() { $(this).dialog
>> ('close'); } }
>> });
>>
>> and i would like that other buttons that a have on the page look and
>> act like the 'Fechar' button that i have on dialog.
>> I've tried to add the class 'ui-state-default ui-corner-all' and that
>> is ok , but the hover effect i cant find how i can do it without
>> adding another class with the same properties as the 'ui-state-default
>> ui-corner-all:hover'
>> I don't know if explanation clear.
>>
>> On 1 Dez, 10:44, "Richard D. Worth" <[email protected]> wrote:
>> > Can you provide a little more detail on what exactly you're trying to
>> do? Do
>> > you have a dialog with buttons? Are you trying to change how they look?
>> Are
>> > you talking about the close X button in the dialog titlebar?
>> >
>> > - Richard
>> >
>> >
>> >
>> > On Sun, Nov 29, 2009 at 11:12 AM, Led <[email protected]> wrote:
>> > > Hi.
>> > > What class can i use to turn a normal button as a dialog button with
>> > > behaviour on hover, etc...
>> >
>> > > --
>> >
>> > > You received this message because you are subscribed to the Google
>> Groups
>> > > "jQuery UI" group.
>> > > To post to this group, send email to [email protected].
>> > > To unsubscribe from this group, send email to
>> > > [email protected]<jquery-ui%[email protected]>
>> <jquery-ui%2bunsubscr...@googlegroups.com>
>> > > .
>> > > For more options, visit this group at
>> > >http://groups.google.com/group/jquery-ui?hl=en.- Ocultar texto citado
>> -
>> >
>> > - Mostrar texto citado -
>>
>> --
>>
>> You received this message because you are subscribed to the Google Groups
>> "jQuery UI" group.
>> To post to this group, send email to [email protected].
>> To unsubscribe from this group, send email to
>> [email protected]<jquery-ui%[email protected]>
>> .
>> For more options, visit this group at
>> http://groups.google.com/group/jquery-ui?hl=en.
>>
>>
>>
>
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
