disabled Button with Tooltip has a span wrapper, which affects css selector

[rinick]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

buttons are not aligned

What is expected?

.group > .ant-btn {
margin-top: 4px;
}

What is actually happening?

the disabled button is wrapped by a span, which makes it hard to apply css selector

Environment	Info
antd	4.0.3
React	16.8.6
System	windows 10
Browser	chrome 80

[rinick]

changing selector to .group .ant-btn would work, but it means developers need to be aware of this behavior when writing css. Also there might be some use cases people really need to use > selector

[afc163]

#21404 (comment)

[afc163]

#18842 (comment)

[rinick]

@afc163 can we give that wrapper span a css className so when I really need to use the > selector, there is still a way to select it

.group > .ant-btn, .group > .ant-btn-tooltip-wrapper {
 ....
}

[afc163]

We should fix the align issue.

[afc163]

can we give that wrapper span a css className

sure, how about .ant-tooltip-wrapper-for-disabled?

[rinick]

can we give that wrapper span a css className

sure, how about .ant-tooltip-wrapper-for-disabled?

yep, that works for me