Кнопки не отображаются

У меня есть этот тег кнопки:

<button data-bind="click: approve, text: Approve" type="button" id="approve" class="button">Approve</button>

Один из моих клиентов сообщил, что вместо кнопок они видят только обычный текст.

Они используют ЭТОТ мобильный телефон / считыватель штрих-кодов, который поставляется с Windows Mobile 6.5.3 Professional Я знаю, что это уже слишком старо, но они должны быть в состоянии видеть правильное мое заявление на этом.

Я использую CSS:

@CHARSET "UTF-8";

.formElement { height: 30px; float: left; height: auto; margin: 0 0.4em; padding: 0 0 0.5em 0.5em; }
.formElement label { width: 17.89em; margin: 0.8em 0 0.1em 0.15em; font-size: 1.7em; display: block; }
.formElement textarea { border: 1px solid #CCCCCC; padding: 2px; font-size: 1.15em; }
.formElement span { font-size: 1.05em; font-weight: bold; }
.lines { overflow: hidden; }
#commentInformation .formElement { width: 80%; }
input[type="text"] { float: left; border: 1px solid #CCCCCC; padding: 0.2em; height: 1.6em; width: 29.4em; }
fileSelection { width: 50em; height: 30px; }
td
{
    background: #A9D0F5;
    text-align: center;
    height:2em;
}
th
{
    height:2em;
}
table
{
    width: 98%;
    font-size: 1.2em;
    clear: both;
}
.customfile-button { color: #fff; float: right; width: 1px; padding: .3em .6em;  text-align: center; text-decoration: none;  font-size: 1.2em;  }
.fakeBrowseButton {
    position:relative;
    top:0;
    overflow:hidden;
    padding:0;
    font-size: 1.2em;
    font-weight: bold;
}  
input, select, textarea, button { font-family: inherit; }
.button, .regularButton { border: none; }

Я почти уверен, что мне не хватает чего-то очень маленького, но я не могу это обнаружить, потому что мне никогда не приходилось что-то писать для windows mobile 6.5.3 браузер

Источник

2 ответа

Решение

Все телефоны отображают элементы кнопок по-разному. Если бы я был тобой, я бы вставил медиа-запрос, который заставил бы ее разрешение отобразить кнопку с рамкой и фоном, чтобы она могла ее видеть.

РЕДАКТИРОВАТЬ: Просто прочитайте его, и WAP (браузер, который она использует) не поддерживает медиа-запросы. Вы всегда можете просто навязать стили на весь сайт кнопки.

Источник

В файле.css, как показано в поле выше

.button, .regularButton { border: none; }

изменить это с

.button, .regularButton { border: 1px black solid; }

Это будет показывать кнопку. Рад снова помочь!

Источник
Другие вопросы по тегам