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

Question

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

<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 браузер

Answer 1

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

EDIT: просто прочитайте об этом, и WAP (браузер, который она использует) не поддерживает медиа-запросы. Вы всегда можете просто накладывать стили на кнопку на сайте.

Answer 2

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

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

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

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