首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 操作系统 >

iOS下无法正常渲染按钮的有关问题

2014-06-17 
iOS下无法正常渲染按钮的问题最近做移动端的页面,碰到了一个问题,就是css无法定义按钮样式,包括input :sub

iOS下无法正常渲染按钮的问题

最近做移动端的页面,碰到了一个问题,就是css无法定义按钮样式,包括input :submit,:button及button标签等,如图,左边是设计稿,右边是iOS下显示的效果;stackoverflow搜索了一下,http://stackoverflow.com/questions/5438567/css-submit-button-weird-rendering-on-ipad-iphone,找到了解决方案,就是在按钮元素上加个样式:

?1-webkit-appearance:none;

?

测试还发现一个小问题就是,加了上面的属性后,iOS下默认还是带有圆角的,不过可以使用?border-radius属性修改,例如:

?12345-webkit-appearance:none;-moz-appearance:none;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

热点排行