我想更改工具提示的宽度,但无法更改。
我该怎么做呢?
import React, { FunctionComponent } from 'react';
import {Tooltip} from "antd";
import 'antd/dist/antd.css';
export interface Props {
tooltipeText: string
}
const hintWithTooltipeStyle = {
position: 'relative' as 'relative',
left: 5,
top: 1
};
const HintWithTooltipe: FunctionComponent<Props> = ({
tooltipeText
}: Props) => {
return (
<span style={hintWithTooltipeStyle}>
<Tooltip placement="rightTop" title={tooltipeText} style={{width: 700, maxWidth: '500px !important'}}>
<Button>Ant design</Button>
</Tooltip>
</span>
);
};
export default HintWithTooltipe;
内联样式不起作用。
所有样式均无效
4条答案
按热度按时间aemubtdh1#
你可以这样做,没有css类:
rxztt3cl2#
antd Tooltip可以通过覆盖css类
.ant-tooltip-inner
中的值进行修改。这是一个工作的CodeSandBox,请查看
index.css
文件中的更改。hpcdzsge3#
或者您可以从Tooltip访问overlayInnerStyle属性。
hmae6n7t4#
应使用
min-width
更改内部边框