Toggle disabled

If the input is disabled it doesn't change the opacity.

Hi @orioljd ,

Can you please provide bit more info?

For example in the page documentation https://lokesh-coder.github.io/pretty-checkbox/:

<div class="pretty p-default p-curve p-toggle">
  <input type="checkbox" disabled />
    <div class="state p-success p-on">
      <label>Subscribed</label>
    </div>
    <div class="state p-danger p-off">
      <label>Subscribe </label>
    </div>
</div>

if you put the disabled property in the input tag it is disabled, but doesn't style the opacity.

The problem is the "p-on" and "p-off" classes that set opacity of the input = 1.

I'm having the same issue at the moment. p-on and p-off overwrite the opacity value given by pretty input[disabled] ~ *.

Since I don't need to have this attribute changed multiple times in my code, using the following can help as a quick fix:

.pretty input[disabled] ~ * {
    opacity: 0.5 !important;
}