奋斗的蜗牛

仰望天空,脚踏实地,机会总会有的!

html textarea标签在苹果OS系统中微信浏览器出现内阴影

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


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/fengqingtao2008/article/details/51555008
个人分类: web前端 微信开发
上一篇WinForm项目,运行时在“Sources”参数中指定了多次。“Sources”参数不支持重复项
下一篇生日快乐
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭