Кнопка гиперссылки CSS не работает в Android Firefox?

Скорее всего, обе таблицы имеют столбец с тем же именем. Псевдоним каждой таблицы и вызовите каждый столбец с псевдонимом таблицы.

0
задан bodomalo 17 January 2019 в 12:28
поделиться

2 ответа

Я решил проблему, похоже, что testbutton.active {} не понравился firefox, удалив позицию: относительная; заставит кнопку снова работать.

Кажется, генератор кнопок CSS не обновлен ...

0
ответ дан bodomalo 17 January 2019 в 12:28
поделиться

случилось со мной тоже. Удалить позицию: относительная; Firefox mobile по какой-то причине этого не поддерживает.

<html>
    <head>
    <style type="text/css">
    .testbutton {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
        background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
        background-color:#ededed;
        -webkit-border-top-left-radius:6px;
        -moz-border-radius-topleft:6px;
        border-top-left-radius:6px;
        -webkit-border-top-right-radius:6px;
        -moz-border-radius-topright:6px;
        border-top-right-radius:6px;
        -webkit-border-bottom-right-radius:6px;
        -moz-border-radius-bottomright:6px;
        border-bottom-right-radius:6px;
        -webkit-border-bottom-left-radius:6px;
        -moz-border-radius-bottomleft:6px;
        border-bottom-left-radius:6px;
    text-indent:0;
        border:1px solid #dcdcdc;
        display:inline-block;
        color:#777777;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        font-style:normal;
    height:50px;
        line-height:50px;
    width:100px;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 0px #ffffff;
    }.testbutton:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color:#dfdfdf;
    }.testbutton:active {
        top:1px;
    }
    </style>
    </head>
    <body>
       <br>
       <a class="testbutton" style="margin:20px;padding:10px;width:200px" href="http://orf.at">Button</a>

      </body>
    </html>
0
ответ дан Nemar162 17 January 2019 в 12:28
поделиться