如何制作圆角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

您当前的实现中有什么不起作用？

Working Demo in Fiddle

这应该会起到作用：

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

截图：

​

​

请务必检查浏览器兼容性，因为这在IE8中不起作用：

http://caniuse.com/border-radius