Я пытаюсь изменить стиль кнопки со встроенным изображением, как показано в следующей скрипте:
http://jsfiddle.net/krishnathota/xzBaZ/1/
В примере нет изображений, я боюсь.
Я пытаюсь:
- Изменить
background-color
кнопку, когда она отключена - Измените изображение в кнопке, когда она отключена
- Отключить эффект наведения при отключении
- Когда вы нажимаете на изображение в кнопке и перетаскиваете его, изображение можно увидеть отдельно; Я хочу избежать этого
- Текст на кнопке может быть выбран. Я тоже хочу этого избежать.
Я пытался делать в button[disabled]
. Но некоторые эффекты нельзя было отключить. как
top: 1px; position: relative;
и изображение.
:disabled
селектор является селектором CSS3.background-image
,background-repeat
,background-position
Работают в CSS 2.="true"
частьdisabled="true"
не то , что делает его выключенным. Вы можете использоватьdisabled="false"
или,disabled="cat"
и он все равно будет отключен. Или просто не имеютdisabled
значения. Это свойство может присутствовать / опускаться только в Html или добавляться через JavaScript с true / falseЯ думаю, что вы должны быть в состоянии выбрать отключенную кнопку, используя следующее:
источник
Добавьте приведенный ниже код на своей странице. Поверьте мне, в события кнопки не вносятся изменения, чтобы отключить / включить кнопку, просто добавьте / удалите класс кнопки в Javascript.
Способ 1
Способ 2
источник
Чтобы применить серую кнопку CSS для отключенной кнопки.
источник
По CSS:
Их вы можете добавить любое украшение к этой кнопке. Для изменения статуса вы можете использовать jquery
источник
Для всех нас, использующих bootstrap, вы можете изменить стиль, добавив класс «disabled» и используя следующее:
HTML
CSS
Помните, что добавление «отключенного» класса не обязательно отключает кнопку, например, в форме отправки. Чтобы отключить его поведение, используйте свойство disabled:
Рабочая скрипка с некоторыми примерами доступна здесь .
источник
Когда ваша кнопка отключена, она напрямую устанавливает прозрачность. Итак, прежде всего мы должны установить его непрозрачность как
источник
источник
рассмотрим следующее решение
источник
И если вы переходите на использование scss:
источник
Необходимо применить CSS, как показано ниже:
источник