按钮没有显示

时间:2013-08-15 13:52:31

标签: css windows-mobile browser windows-mobile-6.5 ie-mobile

我有这个按钮标签:

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

我的一位客户报告说,他们只能看到纯文本而不是按钮。

他们正在使用Windows Mobile 6.5.3 Professional移动电话/条形码阅读器@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; } 我知道它已经太旧了,但他们需要能够看到正确的应用程序。

我正在使用的CSS是:

windows mobile 6.5.3

我很确定我错过了一些非常小的东西,但是我无法发现它,因为我从来没有为{{1}}浏览器写一些东西

2 个答案:

答案 0 :(得分:2)

在.css文件中,如上面的框

所示
.button, .regularButton { border: none; }

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

将显示按钮。很高兴再次帮助!

答案 1 :(得分:1)

所有手机以不同方式呈现按钮元素。如果我是你,我会进行媒体查询,迫使她决定显示带边框和背景的按钮,以便她可以看到它。

编辑:只需阅读它并且WAP(她使用的浏览器)不支持媒体查询。您可以随时将样式强制放在网站上的按钮上。