今天在做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:默认继承。