Tag: hover

如何更改WPF中的buttonMouseOver的背景?

我在这个XAML的页面上有一个button: <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="50" Height="50" HorizontalContentAlignment="Left" BorderBrush="{x:Null}" Foreground="{x:Null}" Margin="50,0,0,0"> <Button.Style> <Style TargetType="Button"> <Setter Property="Background" Value="Green"/> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="Red"/> </Trigger> </Style.Triggers> </Style> </Button.Style> </Button> 但是当我把鼠标放在我的button上时,button的背景变成了默认的Windows灰色背景。 有什么问题? 这是鼠标hover之前和之后的button图片: 之前: 后:

divhover背景颜色的变化?

我怎么能使它行动,如果一个div的行锚,所以当我徘徊它回到红色 CSS .e { width:90px; border-right:1px solid #222; text-align:center; float:left; padding-left:2px; cursor:pointer; } .f .e { background-color:#F9EDBE; } HTML <div> <div class="e" >Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> <div class="e">Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div> <div class="e">Company</div> <div class="e">Targetaaa</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> <div class="e">Company</div> <div class="e">Target</div> <div […]

Angular 2hover事件

在新的Angular 2框架中,有没有人知道像事件一样hover的正确方法? 在Angular 1中有ng-Mouseover,但似乎没有被结转。 我查看了文档,没有find任何东西。

如何删除WPFbutton上的默认鼠标hover效果?

我的问题是,在WPF中,每当我尝试使用触发器或animation更改button背景的颜色时,默认的鼠标hover效果(与橙色发光呈灰色)似乎优先。 经过广泛的search,我很无知,如何消除这种影响。

是否有可能只改变hover的rgba背景颜色的阿尔法?

我有一组不同的rgba背景颜色,但相同的阿尔法。 是否可以编写一个只改变rgba属性的透明度的CSS样式? 代码的一个简单例子: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> 和风格 a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);} 我想要做的是编写一个单一的样式,当<a>hover时改变不透明度,但保持颜色不变。 就像是 a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}

如何debuggingCSS / Javascripthover问题

我经常发现自己想要debugging涉及JavaScript引起的DOM变化的CSS布局问题,以响应hover事件或由于:hoverselect器而应用的不同CSS规则。 通常情况下,我会使用Firebug来检查给我带来麻烦的元素,看看它的CSS属性是什么,以及这些属性来自哪里。 但是,当涉及hover时,这是不可能的,因为只要您将鼠标移动到Firebug面板,您感兴趣的元素就不再徘徊,所应用的CSS规则就不同了, JShover)DOM被改变。 有什么办法可以“冻结”DOM的状态和应用:hover为了检查DOM 在hover事件? 当然,欢迎任何关于如何debugging这类问题的其他想法。

你可以在萤火虫hover状态“粘?”

当我debugging一个网站时,有时候这个hover的select器有点长,和其他的类似,有没有办法在Firebug中应用一种“粘滞”的状态来hover规则? 例; 我将鼠标hover在导航栏上,希望将select器从Firebug中复制到CSS中进行search,但只要移动鼠标,select器(显然)就会消失,因为nav <li>不再被徘徊。 任何方式来做到这一点? 谢谢 :)

CSS:相反的:hover(鼠标离开)?

有什么办法做相反的:hover 只使用 CSS? 如在:如果:hover on Mouse Enter ,是否有一个相当于on Mouse Leave的CSS? 例: 我有一个使用列表项目的HTML菜单。 当我hover其中一个项目时,有一个从#999到black的CSS彩色animation。 当鼠标离开项目区域时,如何创build相反的效果,animation从black到#999 ? 的jsfiddle (请记住,我不想只回答这个例子,而是整个“ :hover ”问题的对立面)。

图像灰度CSS和重新上色鼠标hover?

我正在寻找一个带有颜色的图标(并将成为一个链接),并把它变成灰度,直到用户把鼠标放在图标上(在那里它会着色图像)。 这是可能的,并以一种IE和Firefox的支持?

如何防止触摸设备上的button粘滞hover效果

我创build了一个旋转木马,上一个和下一个button始终可见。 这些button有一个hover状态,他们变成蓝色。 在触摸设备上,如iPad,hover状态是粘滞的,所以点击后button保持蓝色。 我不要那个。 我可以为每个button添加一个no-hover类,让我的CSS像这样: button:not(.no-hover):hover { background-color: blue; } button:not(.no-hover):hover { background-color: blue; }但是这可能对性能非常不利,并且无法正确处理像Chromebook Pixel(同时包含触摸屏和鼠标)的设备。 我可以添加一个touch类到documentElement并使我的CSS如下所示: html:not(.touch) button:hover { background-color: blue; } html:not(.touch) button:hover { background-color: blue; }但是,这也不适用于具有触摸和鼠标的设备。 我更喜欢去掉hover状态ontouchend 。 但似乎并不是这样。 聚焦另一个元素不会消除hover状态。 手动点击另一个元素,但我似乎无法触发在JavaScript中。 我find的所有解决scheme似乎都不完善。 有没有完美的解决scheme?