html textarea标签在苹果OS系统中微信浏览器出现内阴影
2016-06-01 12:34
309 查看
今天在做web开发微信页面,发现textarea标签元素,在安卓系统微信浏览器中,显示正常,但是在苹果OS系统微信浏览器中出现了内阴影现象。
解决方案:
去除浏览器默认的样式元素:
textarea {
box-shadow:0px 0px 0px rgba(0,0,0,0);
-webkit-appearance:none;
} 此外,textarea便签是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Webkit内核的浏览器的默认显示。
<style type="text/css">
textarea {
resize: none;
}
以下是resize属性的的各个取值:
none:用户不能操纵机制调节元素的尺寸;
both:用户可以调节元素的宽度和高度;
horizontal:用户可以调节元素的宽度;
vertical:让用户可以调节元素的高度;
inherit:默认继承。
解决方案:
去除浏览器默认的样式元素:
textarea {
box-shadow:0px 0px 0px rgba(0,0,0,0);
-webkit-appearance:none;
} 此外,textarea便签是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Webkit内核的浏览器的默认显示。
<style type="text/css">
textarea {
resize: none;
}
以下是resize属性的的各个取值:
none:用户不能操纵机制调节元素的尺寸;
both:用户可以调节元素的宽度和高度;
horizontal:用户可以调节元素的宽度;
vertical:让用户可以调节元素的高度;
inherit:默认继承。
相关文章推荐
- 社交巨头三国杀:微信、WhatsApp、Line到底有啥区别?
- Android Manifest 用法
- Android学习笔记(二九):嵌入浏览器
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 微信悄悄升级群聊功能:个人微信营销号的福音
- 突击部队拼多多
- 我是运营,我没有假期
- 如何做到日消息量100万的微信公众号?
- 论微信取消推送功能的可能性(原创)
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 回顾 Firefox 历史
- 小白观察:微软释放出其基于 Chromium 的 Edge 浏览器
- HTML5调用摄像头实例
- 微信的成功,靠的是QQ导流吗?