您的位置:首页 > 移动开发 > 微信开发

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:默认继承。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 标签 浏览器 微信