如何制作圆形的Jquery UI工具提示? [英] How do I make rounded Jquery UI tooltips?

问题描述

这是我的样式表中的CSS.天气我使用ui-tooltip或制作自己的自定义工具提示类，并在工具提示初始化中指定它，它不会圆满完成.我假设存在一些CSS优先级冲突，但是我对CSS完全陌生，还不确定它的不足之处.

This is the css in my stylesheet. Weather I use ui-tooltip or make my own custom tooltip class and specifiy it in the tooltip initialization, it doesnt round the corners. I'm assuming there is some css priority conflict, but I am completely new to css and not sure of its underworkings yet.

我真的只需要圆角.

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

推荐答案

您当前的实现不起作用吗?

What's not working about your current implementation?

这应该可以解决问题:

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

屏幕截图:

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

Make sure to check for browser compatibility as this won't work in IE8:
http://caniuse.com/border-radius

这篇关于如何制作圆形的Jquery UI工具提示?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！