文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在禁用按钮时在knockoutjs中显示工具提示

问如何在禁用按钮时在knockoutjs中显示工具提示
EN

Stack Overflow用户

提问于 2022-01-07 06:14:35

回答 1查看 115关注 0票数 1

我使用CSS禁用按钮，我还想显示一个工具提示。然而，仅仅因为我禁用了按钮，我就无法看到我的工具提示。

.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>

javascript

html

css

knockout.js

回答 1

Stack Overflow用户

发布于 2022-01-07 08:26:58

.disabled类禁用所有pointer-events。这就打破了浏览器依赖于指针的所有默认行为，比如在悬停时显示标题。

相反，使用disabled属性。这不会阻止标题的显示，但确实会禁用单击按钮。

您可以通过淘汰赛的disabled直接应用禁用和启用绑定属性。

您可以通过为：禁用伪类创建css规则来应用自定义样式。

<button
  disabled
  title="This information appears when hovering"
>Hover me for more information</button>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70617259

复制

相似问题

问如何在禁用按钮时在knockoutjs中显示工具提示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在禁用按钮时在knockoutjs中显示工具提示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在禁用按钮时在knockoutjs中显示工具提示
EN