Как установить выбранное изображение на кнопку

Question

Как установить выбранное изображение на кнопку

0

Мне нужно создать функциональность для изображения нормального состояния и выбранного изображения состояния для кнопки. я сделал goggling но я не могу найти где-нибудь точное решение. Я использую ниже код

в HTML:

<button><img src="kitty_normal.png" /></button>

пожалуйста, помогите мне выбрать выбранное изображение (kitty_selected.png) на кнопку.

Ravi 04 май 2014, в 17:38

Источник

0

возможно дублирование изменения цвета шрифта и фонового изображения при наведении на кнопку
VicM 06 май 2014, в 14:33

Теги:

html

css

ios

1 ответ

Ещё вопросы

возможно дублирование изменения цвета шрифта и фонового изображения при наведении на кнопку

VicM · Answer 1 · 2014-05-04T18-10-00.000Z

Ну, вам нужно будет использовать CSS и JS для этого или просто CSS, зависит от ваших потребностей.

Смотрите здесь простой код:

http://jsfiddle.net/7Shv9/3/

Теперь я не совсем уверен, почему вы используете изображение внутри кнопки, как вы этого не указали, но если вы хотите использовать изображение в качестве фона или текст не будет отображаться только вам свойство фона кнопки, если нет, то продолжайте вы сделали, и код небольшой, но нацеливание на элемент изображения вместо кнопки

JSFiddle показывают оба подхода

HTML

<button id="myButton">My button</button>

CSS

#myButton
{
    background-image: url("http://www.picgifs.com/smileys/smileys-and-emoticons/hello-kitty/smileys-hello-kitty-779727.gif");
    height: 50px;
    width: 100px;
}

#myButton:hover
{
    background-image: url("http://www.picgifs.com/smileys/smileys-and-emoticons/hello-kitty/smileys-hello-kitty-150863.gif");
    height: 50px;
    width: 100px;
}

Наконец, этот вопрос задавался несколько раз на SO, поэтому, пожалуйста, сначала ищите ответы на текущие ответы перед публикацией нового дубликата, чтобы сайт был максимально чистым.

Привет это работает в первый раз, но рядом это не работает
Для меня это работает всегда с помощью jsfiddle