代码之家  ›  专栏  ›  技术社区  ›  Bidhan Majhi

按钮背景色不显示在边缘,但在Firefox和Chrome上工作

  •  1
  • Bidhan Majhi  · 技术社区  · 6 年前

    我正在设计我的登录页面。我添加了按钮背景色,它在chrome和firefox上显示得非常好,但在microsoftedge上却没有显示。下面是我的HTML和CSS, 注意-我试过很多颜色,所有的都是在chrome和firefox上,但不是在edge上

             .index-un-right-nav-buttom{
                    float: left;
                    height: auto;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    width: 100%;
                }
                    .index-un-right-nav-submit-button{
                        float: left;
                        padding-top: 5px;
                        padding-bottom: 5px;
                        height: 50px;
                        width: 100px;
                        margin-top: 20px;
                        margin-bottom: 20px;
                        margin-left: 10%;
                        border: none;
                        outline: none;
                        color: #ffffff;
                        background-color: #007182fb;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 18px;
                        border-radius: 50px;
                    }
    <span class="index-un-right-nav-button">
        <button class="index-un-right-nav-submit-button">Login</button>
    </span>
    
           

    image in firefox

    在边缘 in edge

    镀铬, in chrome

    3 回复  |  直到 6 年前
        1
  •  8
  •   Mr Lister hawi    6 年前

    Edge不支持8位颜色表示法。看到了吗 CanIUse .

    background-color: rgba(0, 113, 130, 0.984);
    

        2
  •  1
  •   Mika Turkia    6 年前

    尝试改变

    background-color: #007182fb;
    

    background-color: #007182;
    

    清除浏览器现金也会有所帮助。

        3
  •  0
  •   TheDude    6 年前

    边(和IE11)不支持背景颜色值内的不透明度值

    background-color: rgba(0, 113, 130, 0.95);