jquery-ui - 跨度中未显示 JQuery UI 图标

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应用于带有尾随的类：悬停

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