JQuery UI Interface Icons

On the Themeroller page , the author of the jQuery user interface shows that there are icons available if you use certain keywords. Example:

<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> <span class="ui-icon ui-icon-circle-close"> </span> </li> 

This creates a nice little X in the middle of the circle, framed by a box with rounded corners and a border.

But what if my icons are not on the list? What if they are in a table cell, for example?

 <td> <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> <span class="ui-icon ui-icon-triangle-1-s"></span> </li> </td> 

This works, although it is not technically correct, because I do not have open and close, ul>.

Am i using

 <td class="showcities"> <span class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> <span class="ui-icon ui-icon-triangle-1-s"> </span> </span> </td> 

If yes, then what should css be for determining a ui-angle - anyway, what is the example of Themeroller?

+4
source share
1 answer

Instead of a range, use a <div> here, like this

 <td class="showcities"> <div class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> <span class="ui-icon ui-icon-triangle-1-s"></span> </div> </td> 
+5
source

Source: https://habr.com/ru/post/1306244/


All Articles