html – iphone在输入上覆盖我的所有样式[type =“submit”]

html – iphone在输入上覆盖我的所有样式[type =“submit”],第1张

概述我已在此 JSFIDDLE中隔离了我的输入[type =“submit”]. 代码也是, input[type="submit"] { width: 100%; height: 40px; background: #FFD100; border-radius: 5px; box-shadow: 0 5px 0 #A58B1E; border: non 我已在此 JSFIDDLE中隔离了我的输入[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,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)

解决方法 您可能正在寻找:

-webkit-appearance: none;
总结

以上是内存溢出为你收集整理的html – iphone在输入上覆盖我的所有样式[type =“submit”]全部内容,希望文章能够帮你解决html – iphone在输入上覆盖我的所有样式[type =“submit”]所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1048677.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存