Usé CSS para deshabilitar el botón y también quiero mostrar una información sobre herramientas. Sin embargo, solo porque deshabilité el botón, no puedo ver mi información sobre herramientas.
.disabled { display: block !important; pointer-events: none; color: #ccc; } <button class="actionButton button primaryBt largeSize" data-bind="click:$root.openStaticVisualizer.bind($root, selectedRoom()), css: { disabled: !displayStaticVisualizer()}, attr:{ title :!displayStaticVisualizer()? ApprovalText: 'test' }"> <svg class="ico visualizationIcon"><use xlink:href="Content/icons/icons.svg#visualizationIcon" /></svg> <span>Visualize Room</span> </button>Su clase .disabled deshabilita todos pointer-events . Esto rompe todos los comportamientos predeterminados del navegador que se basan en un puntero, como mostrar un título al pasar el mouse.
En su lugar, utilice el atributo disabled . Esto no impide que se muestre el título, pero desactiva hacer clic en el botón.
Puede aplicar el atributo disabled directamente a través de los enlaces disabled y enable de knockout.
Puede aplicar un estilo personalizado creando una regla css para la pseudoclase :disabled .
<button disabled title="This information appears when hovering" >Hover me for more information</button>