css – Microsoft Edge中的border-bottom错误

前端之家收集整理的这篇文章主要介绍了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;
}
原文链接:https://www.f2er.com/css/427378.html

猜你在找的CSS相关文章