JQuery ui-icon ui-icon-bullet resizable?

I managed to find the class in the JQuery UI css to display a bullet icon for unorder list, but the bullet is too big. Is there a way to make this smaller?

<span class="ui-icon ui-icon-bullet"> bullet text </span>

JQuery UI Icons available:
http://jquery-ui.googlecode.com/svn/tags/1.6rc5/tests/static/icons.html

jeremyllAsked:
Who is Participating?
 
Hans LangerConnect With a Mentor Commented:
try this;
<style type="text/css">li {margin: 2px; padding: 4px 0; cursor: pointer; list-style: none;}</style>
<ul class="ui-widget"> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
<li class="ui-state-default ui-corner-all" ><span style="float:left;margin-left:3px">&#183;&#160;</span><span class="text" >bullet text</span></li> 
</ul>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.