Styling form elements with jQueryUI
Hi.
I tried to style form elements (inputs and textarea) with jQuery UI. I
already use http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/
to replace select elements, but I cant come up with a solution for
text fields.
With UI darkness theme and class="ui-widget ui-state-default ui-corner-
all", they look pretty odd. With class="ui-widget ui-widget-content ui-
corner-all" look better, but a bit different from selects. Also,
adding
hover(function() {
$(this).addClass('ui-state-hover');
}, function() {
$(this).removeClass('ui-state-hover');
})
/*.focus(function() {
$(this).addClass('ui-state-active');
})
.blur(function() {
$(this).removeClass('ui-state-active');
})
looks strange as well with UI darkness :)
I am not a designer, if you have ideas, please help.
Regards,
Saša Stamenković.
--