CSS border-radius属性在Firefox浏览器上无法有效工作

wdebmtf2 于 2023-03-20 发布在其他

关注(0)|答案(2)|浏览(231)

我用CSS把border-radius属性设置为网页上的表格元素。这个配置在Chrome，Opera和Edge上都很成功。但是在Firefox上有一些bug（我想），比如：FirefoxImage
这个意想不到的角落不会出现在其他浏览器上。在chrome上如下：ChromeImage
我的CSS代码表：

#projectList {
        position: relative;
        top: 5px;
        border-radius: 25px 25px 25px 25px;
        overflow: hidden;
        border-collapse: collapse;
        overflow: hidden;
        border-style:solid;
        background-color:transparent;
    }

检查员表格格式：table

css

来源：https://stackoverflow.com/questions/75764786/css-border-radius-property-not-working-efficiently-on-firefox-browser

2条答案

按热度按时间

tf7tbtn21#

你需要reset.css来修正浏览器默认样式
这是一组清除浏览器默认样式的样式，你可以在网上找到很多版本的reset.css

赞(0）回复(0）举报 2023-03-20

uelo1irk2#

我已经解决了这个问题。我已经将border-style属性更改为none。正如你所看到的，border-style在我的答案中是可靠的。

#projectList {
    position: relative;
    top: 5px;
    border-radius: 25px 25px 25px 25px;
    overflow: hidden;
    border-collapse: collapse;
    overflow: hidden;
    border-style:none;
    background-color:transparent;
}

它真的很有趣，但它的工作。

赞(0）回复(0）举报 2023-03-20

我来回答

CSS border-radius属性在Firefox浏览器上无法有效工作

2条答案

相关问题

热门标签

最新问答