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.jb51.cc/css/427378.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。