JQuery значок DatePicker растянут

Question

Я не могу показаться, чтобы решить проблему с иконкой JQuery Datepicker получения растягивается, это выглядит следующим образом:

Когда оригинальный значок 17x17 пикселей, и выглядит следующим образом:

Я прилагаю это изображение с помощью input элемента в коде следующим образом:

<input type="text" name="searchDate" id="searchDate" class="datePickerWithImage" cth:inputvalidate="Date" size="10" maxlength="10" tabIndex="14" title="Provide value for search date" /> 

И функция jquery для DatePicker является:

$(".datePickerWithImage").datepicker({ 
    showOn: "button", 
    showButtonPanel: true, 
    buttonImage: "/images/manageschedule.png", 
    dateFormat: 'yy/mm/dd', 
    buttonText: "Open calendar", 
    buttonImageOnly: true, 
    showWeek: true, 
}); 

И это имеет некоторые дополнительные подсказки рендеринга в CSS:

.ui-datepicker-trigger { 
         margin-left:2px; 
         } 

Я не могу найти что-нибудь полезное в jquery api для этого, и это просто выглядит гротескным, что я действительно хочу его исправить :)

Редактировать: В инструментах разработчика я вижу элемент как <div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: absolute; top: 127.909px; left: 471.349px; z-index: 2; display: none;"> .. Но не знаю, как полезно, что на самом деле ..

Answer 1

добавить это в вашем стиле может помочь вам

input[type="text"].datePickerWithImage 
{ 
width:17px; 
height:17px; 
}