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

Question

这是我样式表中的 css。天气我使用 ui-tooltip 或制作我自己的自定义工具提示类并在工具提示初始化中指定它，它不会绕过 Angular 落。我假设存在一些 css 优先级冲突，但我是 css 的新手，还不确定它的工作原理。

我真的只需要圆 Angular 。

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

Answer 1

您当前的实现有什么问题？

Working Demo in Fiddle

这应该可以解决问题:

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

截图:

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