javascript 添加范围时工具提示无法正常工作

hrysbysz 于 2023-02-28 发布在 Java

关注(0)|答案(2)|浏览(107)

我正在使用一个工具提示，当按钮被禁用时，它会在悬停时显示。由于按钮的CSS被扭曲，我使用了跨度来消除扭曲。添加跨度后，工具提示无法正常工作。当我悬停在按钮上时，有时它不会在鼠标离开时消失。我该怎么做？有没有办法在使用工具提示而不使用跨度时保留css？这是密码：

const isEnable = true
<Tooltip placement="bottom" title="hello qwerty" trigger={'hover'} open={!isEnable}> 
  <span> 
    <Button disabled={!isEnable} > 
      <Space> 
         <span>Hello</span> 
      </Space> 
    </Button> 
  </span> 
</Tooltip>

3号线跨度导致问题

JavaScript

来源：https://stackoverflow.com/questions/75573398/tooltip-is-not-working-properly-when-span-is-added

2条答案

按热度按时间

wswtfjt71#

您可以修改如下代码：

const isEnable = true;

<Tooltip placement="bottom" title="hello qwerty" trigger={'hover'} open={!isEnable}> 
  <Button disabled={!isEnable} style={{ display: 'inline-block' }}> 
    <Space> 
       <span>Hello</span> 
    </Space> 
  </Button> 
</Tooltip>

显示器：inline-block属性通过样式属性直接应用于Button组件。这将允许按钮保持其样式，同时仍然允许工具提示正常工作。

赞(0）回复(0）举报 2023-02-28

h9vpoimq2#

你可以试试这个

<Tooltip placement="bottom" title="hello qwerty" trigger={'hover'} open={!isEnable}> 
  <Button disabled={!isEnable} style={{backgroundColor: 'blue', color: 'white', padding: '8px', border: 'none !important'}}>
    <Space> 
      <span>Hello</span> 
    </Space> 
  </Button> 
</Tooltip>

赞(0）回复(0）举报 2023-02-28

我来回答

javascript 添加范围时工具提示无法正常工作

2条答案

相关问题

热门标签

最新问答