标准按钮高亮消失的边框样式改变

.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>

我所做的只是添加一些样式，以便IE按钮看起来相同作为FF铬和safari。但是，这种变化导致悬停中的高光消失。删除所有样式并逐个添加它们意味着边框声明会导致悬停时的高光无法工作。

我的搜索为其他平台带来了复杂的问题。有没有支持这种行为的文档？我如何通过修改来保持这种行为？

来源

2016-10-05 user1015711

看不到问题是什么，没有：这里的代码悬停元素或小提琴？ – Ricky

@Ricky将鼠标悬停在小提琴上的按钮上。一个亮点，另一个不亮。阅读最后一个问题如何通过修改来保持这种行为？ – user1015711

得到Ricky的同意 - 我在小提琴中徘徊了两个按钮，并且没有悬停状态。 –

为了得到它，当你将鼠标悬停突出显示，你需要CSS的以下位添加到您的代码：

.differentbutton:hover { 
    border: 1px solid Grey; 
}

如果添加它的类.differentbutton下方，那么当你将鼠标悬停在按钮会为您“突出显示”按钮，根据需要更改颜色。

来源

2016-10-05 18:42:26 Ricky

它是我之后悬停的浅蓝色高光。 – user1015711

正如我所说的改变颜色，你认为合适的，你知道如何改变颜色值与十六进制/ RGB？ – Ricky

然后你可以改变方括号之间的CSS属性/值为'border：2px solid lightblue;'或类似的东西。但是，如果你特别想要'outline'属性，事情会变得更复杂一些。 –

标准按钮高亮消失的边框样式改变

回答

相关问题