特定のケースのUI-ICON-SEARCHの高さを調整する

Question

css内の特定のケースのみ（アプリケーション範囲全体ではない）の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>` 

で使用されるが、それは全体の文献1】のために優先されます。私はこのケースの高さをオーバーライドする必要があります。

Answer 1

特定のケースでのみ高さを上書きする場合は、カスタムCSSクラスを定義します。たとえば：ui-icon-searchに加えて、次に

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

は、あなたのスパンにこのカスタム1を追加します。 jQuery-UIのアイコンはすべて16×16でスプライトになっているので、何が良いのか分かりませんが高さを上書きすると、別のアイコンの端をつかむだけです。