CSS div按钮在Iphone或Ipad上不起作用

我正在为我的学校开发一个基于web的应用程序，该应用程序具有用于手持设备、平板电脑和桌面的不同版本的CSS。我正在为此使用媒体查询。该应用程序几乎完成了，并且在几乎所有浏览器和android上都能正常工作。该应用在Iphone/Ipad上看起来棒极了，但按钮不起作用，使得该应用在这些设备上毫无用处

这就是我所拥有的：

//Source code

<div id="signinbutton" class="blue_button">Sign In</div>

//desktop.CSS

.blue_button {
    width: 130px;
    height: auto;
    padding: 8px;
    margin: 0% auto 20% auto;
    background-image:url(../../images/bluebar5.png);
    color: #FFF;
    text-align: center;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14pt;
    font-weight: bolder;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: default;
    }
.blue_button:hover {
    opacity: 0.7;
}

//Handheld.css (this overwrites css on desktop)

.blue_button {
    width: 260px;
    font-size: 18pt;
    background-image:url(../../images/bluebar6.png);
}

//源代码
登录
//desktop.CSS
.蓝色按钮{
宽度：130px；
高度：自动；
填充：8px；
利润率：0%自动20%自动；
背景图像：url（../../images/bluebar5.png）；
颜色：#FFF；
文本对齐：居中；
字体系列：“Lucida Sans Unicode”，“Lucida Grande”，无衬线；
字号：14pt；
字体大小：粗体；
-moz边界半径：10px；
-webkit边界半径：10px；
边界半径：10px；
游标：默认值；
}
.蓝色按钮：悬停{
不透明度：0.7；
}
//掌上电脑.css（覆盖桌面上的css）
.蓝色按钮{
宽度：260px；
字号：18pt；
背景图像：url（../../images/bluebar6.png）；
}

---

我尝试将这种风格应用于“签到扣”，但没有成功

您应该使用

或

标记而不是div。虽然

按钮功能可能在某些浏览器中起作用，但与传统的按钮标记相比，它可能有点像黑客一样

尝试添加到

div{cursor:pointer}

的样式中，您可以将div包装成

你只需要调整一下 参考：

---

当你说按钮不工作时，你的意思是当它们被触摸/点击时不会发生任何事情吗？你说的按钮“不工作”是什么意思？您的源代码中是否有输入错误？标记的格式是否确实不正确？如果不看完整的示例，就很难告诉您任何事情，因为谁知道其他CSS样式可能会造成干扰。尝试而不是？正确！单击它们时不会发生任何事情。这里是链接：好的，我正在努力，谢谢！

<a href="#"><div id="signinbutton" class="blue_button">Sign In</div></a>