css - 针对特定案例调整 UI-ICON-SEARCH 的高度

Question

我需要在 css 中仅针对特定情况(而不是整个 appln 范围)覆盖 ui-icon-search 的高度。我尝试将这段代码放在 css 中

.ui-icon-search{
        height:18px;
} 

我用了一段时间

<span id = '${spanLookup}' class='ui-search ui-state-default '><span class='live-search-icon  ui-icon-search'></span>`

但它会覆盖整个应用程序。我只需要为这种情况覆盖高度。

Answer 1

如果您只想在特定情况下覆盖高度，请定义一个自定义 css 类。例如:

.ui-icon-search-custom {
    height:18px;
} 

然后除了 ui-icon-search 之外，将这个自定义的添加到您的 span 中。虽然我不确定这样做有什么好处，因为 jQuery-UI 图标都是 16x16 并且在 sprite 中。覆盖高度只会捕获另一个图标的边缘。