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

Question

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

我真的只需要圆角。

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

Answer 1

你当前的实施有什么用？

小提琴中的工作演示

这应该是诀窍：

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

截图：

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