我在此JSFIDDLE中隔离了我的input[type="submit"]
。iphone覆盖我的所有样式在输入[type =“submit”]
代码为好,
input[type="submit"] {
width: 100%;
height: 40px;
background: #FFD100;
border-radius: 5px;
box-shadow: 0 5px 0 #A58B1E;
border: none;
font-size: 20px;
color: #2b2b2b;
cursor: pointer;
position: relative;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
input[type="submit"]:active, input[type="submit"]:focus {
box-shadow: 0 3px 0 #A58B1E;
top: 2px;
outline: none;
}
一切看起来只是,当我检查了网站在我的iPhone大。由于我的客户想要一个快速响应的网站,我想这个按钮在每个设备上看起来都很棒。
哦,男孩,我很错,因为在我的iphone上,按钮真的很可怕。我将包含移动视图的图像和网站的网址。
任何想法,为什么发生这种情况或我可以重写它?
(Chatfield Drilling Live Site)
的[CSS样式对iPad/iPhone的输入按钮]可能重复(http://stackoverflow.com/问题/ 5449412/css-styling-for-input-buttons-on-ipad-iphone) – sshow