change the opacity of a text

[khalil]

hello 
I used this JS code to change the objects to read only and change the opacity, but it didnt change the opacity of a text
how to make it work in text also

Code:

$(function(){
  grp.listen('32/1/1', function(object) {
     if (object.value == true ) {
        $(".lockbyknx").addClass("item-read-only");
         $(".lockbyknx").find('img').css("opacity", 0.5);
     } else if (object.value == false ) {
        $(".lockbyknx").removeClass("item-read-only");
         $(".lockbyknx").find('img').css("opacity", 1);
     }
  }, true); // set to true to send on same value
});

[admin]

Custom JS:

Code:

$(function(){
  grp.listen('32/1/1', function(object) {
    $(".lockbyknx").toggleClass("item-read-only", object.value == true);
  }, true); // set to true to send on same value
});

Custom CSS:

Code:

.item-read-only {
  opacity: 0.5 !important;
}

[khalil]

Thanks admin
But it changed the opacity of all read only values
I want to change the opacity of values with "lockbyknx"

regards,

edit: I changed the CC

Code:

/* Change Opacity*/
.lockbyknx {
  opacity: 0.3 !important;
}

[admin]

Use this:

Code:

.lockbyknx.item-read-only {
  opacity: 0.5 !important;
}

[khalil]

Use this:

Code:

.lockbyknx.item-read-only {
  opacity: 0.5 !important;
}

thanks admin

[sjfp]

How can I remove the + and - button from a direct input box ?

[admin]

This will hide buttons from all input boxes:

Code:

.control-spinner .btn { display: none; }