css去除webkit内核的默认样式

Html5+CSS3 辰辰 3769℃ 3评论

做移动端的朋友应该知道,iphone的默认按钮是个很恶心的圆角,select下拉框也有默认样式无法修改。

webwxgetmsgimg这时候可以用到

-webkit-appearance:none //去除默认样

在按钮和select样式里加入上面css,效果如下图。

img1

css代码如下:

input{
	background:#FF9933;
	border-radius:5px;
	color:#fff;
	padding:3px 20px;
	-webkit-appearance:none;
}
select{
	background:url(images/img1.jpg) no-repeat;
	background-size:20px;
	background-position:95% center;
	padding:3px 10px;
	width:30%;
	-webkit-appearance:none;
}

转载请注明:辰辰个人博客 » css去除webkit内核的默认样式

喜欢 (6)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. :mrgreen: :razz: 支持多发好文!
    顺联动力2016-09-01 16:40 回复
  2. :razz: :razz:
    中国演员网2016-08-12 15:50 回复
  3. :lol: :roll:
    dadfa2016-07-01 16:56 回复