Цвет фона кнопки не отображается по краям, но работает на Firefox и Chrome - PullRequest
Новая
       61

Цвет фона кнопки не отображается по краям, но работает на Firefox и Chrome

0 голосов
/ 07 октября 2018

Я создаю свою страницу входа.Я добавил цвет фона кнопки, который отлично отображается на Chrome и Firefox, но не на краю Microsoft.Ниже приведены мои HTML и CSS, обратите внимание - я пробовал много цветов, все работают на Chrome и Firefox, но не на краю

HTML 

         .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>

В Firefox, image in firefox

В Edge in edge

в хром, in chrome

Ответы [ 3 ]

0 голосов
/ 07 октября 2018

Edge не поддерживает 8-значное обозначение цвета.См. CanIUse .

Вместо 

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

.

0 голосов
/ 07 октября 2018

Edge (и IE11) не поддерживает значения непрозрачности внутри значения цвета фона. 

background-color: rgba(0, 113, 130, 0.95);
0 голосов
/ 07 октября 2018

Попробуйте изменить 

background-color: #007182fb;

на 

background-color: #007182;

Надеюсь, что это решит проблему.

Также может помочь очистка кэша браузера.

...