悬停时标准按钮突出显示在边框样式更改时消失

时间:2016-10-05 18:30:12

标签: javascript html css

这是一个小提琴

https://jsfiddle.net/an5fg5t2/



.differentbutton {
  margin: 1px;
  border-radius: 4px;
  border: 1px solid DarkGrey;
  height: auto;
  padding-top: 2px;
  padding-bottom: 2px;
}

<button>
  standard
</button>

<button class="differentbutton">
  Different
</button>
&#13;
&#13;
&#13;

我所做的就是添加几个样式,因此IE按钮看起来与FF chrome和safari相同。然而,这种变化导致悬停时的亮点消失。删除所有样式并逐个添加它们意味着边框声明会导致悬停时突出显示不起作用。

我的搜索为其他平台带来了复杂的问题。是否有支持此行为的文档?如何修改此行为?

1 个答案:

答案 0 :(得分:1)

要将鼠标悬停在突出显示上,您需要在代码中添加以下CSS:

 dateadd(yy,-1,datediff(d,0,getdate())) 

如果你将它添加到类.differentbutton下面,那么当你将鼠标悬停在按钮上时,它将突出显示&#34;按钮,根据需要更改颜色。