Я хочу, чтобы кнопка отображалась как изображение и открывала timepicker

Question

Я хочу включить кнопку с моим таймером, чтобы, если пользователь нажимает на кнопку, отображается времяпиксера. Это работает, но я хочу, чтобы кнопка отображалась как изображение, а не кнопка, но я не знаю, как это сделать. Ниже мой код на данный момент:

$('#durationpicker').trenttimepicker({ 
       timeFormat:'hh mm ss', 
       hourGrid: 4, 
       minuteGrid: 10, 
       secondGrid: 10, 
       showOn: 'button', 
       button: '.timepicker_button_trigger'}); 
}); 

Изображение Я хочу быть отображаемым: Images/clock.gif и я включить его в HTML-коде, но он displsys как кнопок и изображений с помощью кнопки, отображающей timepicker и изображения не делать ничего.

<p> 
    <strong>3: Duration:</strong> 
    <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" /> 

    <span class="timepicker_button_trigger"> 
     <img src="Images/clock.gif" alt="Choose Duration" /> 
    </span> 
</p> 

Кто-нибудь знает, как отображать кнопку в качестве изображения и использовать ее для отображения timepicker?

timepicker является timepicker Trent Ричардсона, который можно рассматривать here

Благодарности

Answer 1

Вы должны будете использовать CSS для стиля кнопки. Задайте значение свойства background-image css для изображения. Затем измените размер кнопки, удалите из нее все остальные стили, используя css, и вам хорошо идти.

Это даст вам кое-что для начала. http://snipplr.com/view/14261/