0

我有这个按钮标签：

<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浏览器写东西

4

2 回答 2

2

在如上框所示的 .css 文件中

.button, .regularButton { border: none; }

改变它

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

它将显示按钮。很高兴再次提供帮助！

于 2013-08-15T14:05:08.713 回答
1

所有手机都以不同的方式呈现按钮元素。如果我是你，我会输入一个媒体查询，强制她的分辨率显示带有边框和背景的按钮，以便她可以看到它。

编辑：只需阅读它，WAP（她使用的浏览器）不支持媒体查询。您总是可以将样式强制到按钮站点范围内。

于 2013-08-15T13:56:53.083 回答