JQuery UI图标未显示在span中

Question

我有一个跨度，我想显示一个jQuery UI图标（.ui-icon-plusthick）。这是代码：

<div>
     <div id="pop">
          <label for="ptitle">Plot title: </label>
          <textarea class="nrtextarea" id="ptitle" maxlength="80" />
          <span class="ui-icon-plusthick" title="Add"></span>
     </div>
</div>

通过CSS我尝试设置：

display: inline-block;
width: 20px;
height: 20px;

但没有结果;此外，宽度和高度保持0px x 16px。我做错了什么？

由于

Answer 1

尝试将课程更改为：

class="ui-icon ui-icon-plusthick"

Answer 2

首先关闭所有如果你想要转发的鼠标悬停/悬停事件，你必须将css应用于具有尾随的类：hover

.ui-icon-plusthick:hover{
display: inline-block; 
width: 20px;
height: 20px;
}