In my project I need some buttons to disable. Many posts here and my support tickets telling that for the moment buttons cannot be disabled. I have a suggestion, because I think it is very simple.
If you make a button like <button>, it has attribute "disabled" and if this attribute is set click does not appear.
Second, for disabled buttons add some styling, and buttons are disabled:
If you make a button like <button>, it has attribute "disabled" and if this attribute is set click does not appear.
Second, for disabled buttons add some styling, and buttons are disabled:
.km-ios .km-button[disabled]{
color
:
#ccc
;
cursor
:
default
;
}
.km-ios .km-button[disabled]:active{
color
:
#ccc
;
background-color
:
#7185A2
;
box-shadow:
inset
0
0
0
1px
rgba(
0
,
0
,
0
,
0.3
);
-webkit-box-shadow:
inset
0
0
0
1px
rgba(
0
,
0
,
0
,
0.3
);
cursor
:
default
;
}
<
button
type
=
"button"
data-role
=
"button"
disabled
=
"disabled"
>My button</
button
>