특정 사례에 대한 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뿐만 아니라 당신의 기간이 정의를 추가합니다. jQuery-UI 아이콘은 모두 16x16이고 스프라이트가 있기 때문에 이것이 잘 될지 잘 모르겠다. 높이를 무시하면 다른 아이콘의 가장자리를 잡을뿐입니다.