When I view source on the pages with greyed out and unclickable save buttons, I do not see the buttons code.
I loaded on different browsers too, and it is not any different on Opera, Firefox, or Chrome.
I loaded the inspector in firefox and select the button, here is what comes up in the inspector, I see it shows a lot of “-disabled” in there, is there any reason for this? Does this help?
———————————
element {
}
.wp-core-ui .button-primary-disabled, .wp-core-ui .button-primary.disabled, .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary[disabled] {
color: #66c6e4 !important;
background: #008ec2 !important;
border-color: #007cb2 !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.1) !important;
cursor: default;
}
.wp-core-ui .button-disabled, .wp-core-ui .button-secondary.disabled, .wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary[disabled], .wp-core-ui .button.disabled, .wp-core-ui .button:disabled, .wp-core-ui .button[disabled] {
color: #a0a5aa !important;
border-color: #ddd !important;
background: #f7f7f7 !important;
box-shadow: none !important;
text-shadow: 0 1px 0 #fff !important;
cursor: default;
transform: none !important;
}
.wp-core-ui p .button {
vertical-align: baseline;
}
.wp-core-ui .button-primary {
background: #0085ba;
border-color: #0073aa #006799 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799;
}
.wp-core-ui .button, .wp-core-ui .button-secondary {
color: #555;
border-color: #ccc;
background: #f7f7f7;
box-shadow: 0 1px 0 #ccc;
vertical-align: top;
}
.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 26px;
height: 28px;
margin: 0;
padding: 0 10px 1px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
input.disabled, input:disabled, select.disabled, select:disabled, textarea.disabled, textarea:disabled {
background: rgba(255,255,255,.5);
border-color: rgba(222,222,222,.75);
box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
color: rgba(51,51,51,.5);
}
input, select {
margin: 1px;
padding: 3px 5px;
}
input, select, textarea {
font-size: 14px;
padding: 3px 5px;
border-radius: 0;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}