«отправить» текст отображается в виде ввода изображения

Я пытаюсь создать ввод изображения, который изменит изображение с собранияHerb.jpg (по умолчанию), чтобы собратьHerb2.jpg, когда mousedown. Код действительно отлично работает, чтобы сделать намеченный, но теперь по умолчанию отображается изображение sarif по умолчанию.«отправить» текст отображается в виде ввода изображения

Я также попытался установить значение = "" безрезультатно. Любая помощь?

Сначала CSS, а затем HTML. Форматирование явно проблема для меня даже на стеке :(

#herbButton { 
    border-radius: 5px; 
    width: 100px; 
    height:30px; 
    background-image: url(buttons/gatherHerb.jpg)} 


<input type="image" id="herbButton" onClick="herbClick();" 
    onMouseDown="document.getElementById('herbButton').style.backgroundImage='url(buttons/gatherHerb2.jpg)'"<br> 
    onMouseUp="document.getElementById('herbButton').style.backgroundImage='url(buttons/gatherHerb.jpg)'"<br> 
/>

источник

2013-11-11 Conor Day

Поскольку это кнопка представить, если вы не обеспечиваете значение будет автоматически удерживать текст «Отправить». Поэтому, естественно, вы пытаетесь установить значение в пустую строку - проблема есть, это также интерпретируется как не имеющее значения. Что делать? Просто, просто установите значение как единое пространство. I.e 'value = ''' – enhzflep

Я думаю, что это поможет вам,

<input value=" " type="image" id="herbButton" onClick="herbClick();" onMouseDown="document.getElementById('herbButton').style.backgroundImage='url(buttons/gatherHerb2.jpg)'" onMouseUp="document.getElementById('herbButton').style.backgroundImage='url(buttons/gatherHerb.jpg)'" />

Смотрите обновление: Вы должны иметь пространство между value=" ",

Так используйте value=" " вместо value=""

источник

2013-11-11 06:17:48

Спасибо! Пространство абсолютно решило это! –

не использовать изображения в качестве backgr ound изображений вашего типа входного

использование ЦСИ атрибута ввод типа изображения в вашем коде, как этого

#herbButton { 
    border-radius: 5px; 
    width: 100px; 
    height:30px;} 


<input type="image" src="buttons/gatherHerb.jpg" id="herbButton" onClick="herbClick();" onMouseDown="document.getElementById('herbButton').style.backgroundImage='url(buttons/gatherHerb2.jpg)'" onMouseUp="document.getElementById('herbButton').style.backgroundImage='url(buttons/gatherHerb.jpg)'" />

изменить Src URL для вашего полного URL.

ваш будет найти более Here

источник

2013-11-11 06:22:00 Manwal

Пробовал это тоже. Когда я использую src в , он, кажется, превзошел mouseEvents. В основном, изображение 1 всегда появляется. Другой пользователь предложил использовать значение = "" с пространством и, похоже, сработало. Спасибо еще! –

«отправить» текст отображается в виде ввода изображения

ответ

Смежные вопросы