When you use the disable property on any element of the scene so that it is inactive, the element becomes clouded and it is not very clear what, for example, is written in TextArea. Can I somehow remove this clouding or cancel?

    3 answers 3

    Yes you can. Override in the css file for this item property is disabled .

      Propose a workaround.

      In TextArea (as in many others), instead of .disable() set .setEditable(false) . I will not say about the buttons, but Label can be replaced by Text (its upstream window does not obscure)

        Here is the css applied to the entire panel with elements:

          .label:disabled, .button:disabled, .toggle-button:disabled, .radio-button:disabled, .check-box:disabled, .hyperlink:disabled, .menu-button:disabled, .split-menu-button:disabled, .slider:disabled, .scroll-bar:disabled, .scroll-pane:disabled, .progress-bar:disabled, .progress-indicator:disabled, .text-input:disabled, .choice-box:disabled, .combo-box-base:disabled, .date-cell:disabled > *, .list-view:disabled, .tree-view:disabled, .table-view:disabled, .tree-table-view:disabled, .tab-pane:disabled, .titled-pane:disabled > .title, .accordion:disabled > .titled-pane > .title, .tab-pane > .tab-header-area > .headers-region > .tab:disabled, .menu:disabled, .menu-item:disabled > .label, .menu-item:disabled, .list-cell:filled:selected:focused:disabled, .list-cell:filled:selected:disabled, .tree-cell:filled:selected:focused:disabled, .tree-cell:filled:selected:disabled, .tree-cell > .tree-disclosure-node:disabled, .tree-table-row-cell > .tree-disclosure-node:disabled, .table-row-cell:selected:disabled, .tree-table-row-cell:selected:disabled, .table-cell:selected:disabled, .tree-table-cell:selected:disabled, .spinner:disabled { -fx-opacity: 1.0; }