css – Microsoft Edge中的border-bottom错误

在Microsoft Edge浏览器中,悬停元素border-bottom后设置底部元素的颜色.错误？看看jsfiddle：
https://jsfiddle.net/Experimenter/65eLh89r/

a{
    display: block;
    background: blue;
    padding: 10px 30px;
    color: rgba(255,255,0.5);
    border-bottom: 1px solid gray;
}
a:hover{
    color: white;
}

最佳答案

有同样的问题,并创建了一种黑客或解决这个错误.对我有用的是使用margin-bottom：-1px;和边框底部：2px实心灰色;

如此提到的例子看起来像：

a{
    display: block;
    background: blue;
    padding: 10px 30px;
    color: rgba(255,0.5);
    border-bottom: 2px solid gray;
    margin-bottom: -1px;
}
a:hover{
    color: white;
}