簡體   English   中英

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

[英]How do I make rounded Jquery UI tooltips?

這是我樣式表中的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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM