2012-03-11 75 views
0

我想删除此按钮的悬停效果,而不是我想更改背面颜色。但找不到任何可能的CSS。JqGrid寻呼机按钮在悬停上移动

更新:我的意思是navGrid/inlineNav按钮。 “移动” - 我的意思是它看起来像是像素移位。我添加了一些CSS来覆盖网格的现有主题。如果我删除,网格工作正常。但随着我的CSS悬停在任何按钮,它移动到1或2像素左。我敢肯定它与我添加的CSS有关。但找不到导致此问题的原因。

任何帮助appriciated。

+0

你能描述你想要的东西更清晰?哪个“传呼机按钮”是你的意思?你是指'navGrid'或'inlineNav'添加的导航按钮吗?哪个“移动”效应会让你徘徊?可能你有一些CSS问题? – Oleg 2012-03-11 16:41:17

+0

是的,我的意思是navGrid/inlineNav按钮。 “移动” - 我的意思是它看起来像是像素移位。 – 2012-03-11 17:04:23

+0

看看像[这一个]的任何演示(http://www.ok-soft-gmbh.com/jqGrid/ColumnChooserAndLocalStorage1.htm)。你看到悬停的“移动”效果吗?它确实有这样的效果,您应该发布可用于重现问题的演示,因为问题应该仅存在于您的实现中。我想你有一些CSS冲突,但不能说哪一个没有看到演示。 – Oleg 2012-03-11 17:19:15

回答

2

我看不到您使用的完整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,随后移动图标。如果你不需要,你可以例如设置边框的border-colortransparent代替:

.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; 
} 
+0

非常感谢。这恰恰是财产问题。 :) – 2012-03-11 23:36:22

+0

@AyshaSharmin:不客气! – Oleg 2012-03-11 23:40:17