i am using jquery date picker the calendar icon trigger image near textbox is by default is on top i want to set the image size (height) same as textbox height please give me some suggestions my code is
$(#textbox1).datepicker({
showOn: "button",
buttonImage: "calendar_1.png",
buttonImageOnly: true
)};
Inspecting the element with firebug, I got this:
<img class="ui-datepicker-trigger" src="http://xxxxx/officeprime/assets/img/calendar.gif" alt="..." title="..."/>
eg:
button.ui-datepicker-trigger img
You can then work with that CSS class ui-datepicker-trigger.
You can edit class .ui-datepicker-trigger with jQuery but it's important to make editing after datepicker function.
Example:
$(#textbox1).datepicker({
showOn: "button",
buttonImage: "calendar_1.png",
buttonImageOnly: true )};
$(".ui-datepicker-trigger").css("margin-bottom","-6px");