JqGrid 호출기 버튼이 호버로 이동합니다

버튼에 대한 호버 효과를 제거하고 싶었지만 뒤로 색상을 변경하고 싶습니다. 그러나 그것을 할 수있는 가능한 CSS를 찾을 수 없습니다.JqGrid 호출기 버튼이 호버로 이동합니다

업데이트 : NavGrid/inlineNav 버튼을 의미합니다. "움직여 라"- 픽셀 이동과 같은 느낌이었습니다. 그리드의 기존 테마를 무시하기 위해 CSS를 추가했습니다. 만약 내가 그것을 제거, 그리드 잘 작동합니다. 하지만 내 CSS로 언제든지 내가 어떤 버튼을 가져 가면, 그것은 1 ~ 2 px 왼쪽으로 이동합니다. 내가 추가 한 CSS와 관련이 있다고 확신합니다. 그러나이 문제의 원인을 찾을 수 없습니다.

도움이되면 도움이됩니다.

출처

2012-03-11 Aysha Sharmin

당신은 당신이 원하는 것을 더 명확 설명 할 수? 어떤 "호출기 버튼"을 의미합니까? 'navGrid' 또는'inlineNav'에 의해 추가 된 네비게이터 버튼을 의미합니까? 호버링에 어떤 "이동"효과가 있습니까? CSS 문제가있을 수 있습니까? – Oleg

예, navGrid/inlineNav 버튼을 의미했습니다. "움직여 라"- 픽셀 이동과 같은 느낌이었습니다. –

[this one] (http://www.ok-soft-gmbh.com/jqGrid/ColumnChooserAndLocalStorage1.htm)과 같은 데모를보십시오. 호버링에 '이동'효과가 보이십니까? 문제가 구현에만 존재해야하기 때문에 문제를 재현하는 데 사용할 수있는 데모를 게시해야하는 효과가 있습니다. 나는 당신이 약간의 CSS 갈등을 가지고 있다고 생각하지만, 데모를 보지 않고 말할 수는 없다. – Oleg

사용하는 모든 배경 이미지가 없기 때문에 사용하는 전체 CSS를 볼 수 없습니다. 그럼에도 불구하고 나는 당신의 문제에 대한 이유를 찾을 수 있기를 바랍니다. 사용하는 CSS에서

는

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{ 
    color: #444444; 
    border: 0 none; 
}

설정이 있습니다. 호버링시 테두리를 0으로 변경하여 아이콘을 이동합니다. 당신은 당신이 예를 설정할 수있는 경계가 필요하지 않은 경우 대신 transparent에 border-color :

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{ 
    color: #444444; 
    border-color: transparent; 
}

출처

2012-03-11 18:00:47 Oleg

고마워요. 정확히 그 재산이 문제였습니다. :) –

@AyshaSharmin : 천만에! – Oleg

JqGrid 호출기 버튼이 호버로 이동합니다

답변

관련 문제