现在已经在html中实现了按钮,在PC端和以及Mac中模拟iOS设备的效果还可以:
查看源码是:
但是去移动端设备发现效果不对:
比如Android浏览器
iOS的Safari:
(包括Mac中Safari模拟iOS)
所以需要去掉这个边框和底纹,让其变透明
而此处原先代码中的按钮是个png的透明图
以及 底部更多 按钮,也是没有背景色的
bootstrap mobile show button border
bootstrap ios remove button border
然后试了试:
.back_home_button{ position: absolute; background-color: transparent; border-color: transparent; /* box-shadow: none; */ /* border: none; outline: none; */ /* background-color: none; */ /* border-color: transparent; */ }
就可以了:
【总结】
此处,对于移动端浏览器,包括iOS和Android,和微信端,去掉之前button的边框和背景色的写法是:
.back_home_button{ ... background-color: transparent; border-color: transparent; }
即可正常显示,按钮不带边框和背景色了。
转载请注明:在路上 » 【已解决】html中在移动端浏览器不显示按钮的边框和背景色