如何制作圆形Jquery UI工具提示?

这是我样式表中的css。 天气我使用ui-tooltip或制作我自己的自定义工具提示类并在工具提示初始化中指定它,它不会绕过角落。 我假设有一些css优先级冲突,但我对css完全不熟悉,并且还不确定它的欠工作。

我真的只需要圆角。

.ui-tooltip { position: absolute; background: #f9a235; color: #fff; padding: 6px 0px; border-width: 1px; border-radius: 25px; } 

你当前的实施有什么用?

小提琴中的工作演示

这应该是诀窍:

 .ui-tooltip { border-radius: 25px; } 

截图:

截图

确保检查浏览器兼容性,因为这在IE8中不起作用:
http://caniuse.com/border-radius