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

原创 2016年06月01日 12:34:56

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


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

移动端如何清除输入框内阴影

在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭: input, textarea {     borde...

Android和ios微信浏览器中按钮显示不一样的问题

在按钮的样式里面加上:      -webkit-appearance : none ; http://www.cnblogs.com/qiongmiaoer/p/3573211.htm...

ios、html、Android中阴影的实现,及注意的问题

有些时候,为了页面的美观或一些效果的实现,我们需要通过阴影来突出立体感。 下面,来给大家分别介绍在html、ios和Android中的阴影如何实现。...

asp.net 读取远程图片进行编辑后输出

string imgUrl = "http://www.baidu.com/img/baidu_sylogo1.gif"); //远程图片路径 byte[] bytes = new System.N...

iOS 模拟微信内置浏览器CYWebViewController

iOS 模拟微信内置浏览器和Safari浏览器CYWebViewController分为两种模式,一种是类似微信内置浏览器模式,一种是Safari浏览器模式。类似微信内置浏览器,顶部导航栏提供webv...

input、textarea标签placeholder兼容IE8浏览器js插件代码

input、textarea标签placeholder兼容IE8浏览器js插件代码 工作记事本

微信端开发H5页面的时候,audio标签在苹果机上无法进行自动播放

解决audio标签在苹果机上无法进行自动播放的问题
  • wp_boom
  • wp_boom
  • 2016年08月09日 11:23
  • 12658

HTML中的标签textarea的属性及用法

HTML中的标签textarea的属性及用法 1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是3...
  • hbuxzy
  • hbuxzy
  • 2011年12月30日 23:43
  • 4177

Html标签 textarea 的属性及用法

HTML中的标签textarea的属性及用法 1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字...
  • z_yin
  • z_yin
  • 2014年05月09日 11:07
  • 1197
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html textarea标签在苹果OS系统中微信浏览器出现内阴影
举报原因:
原因补充:

(最多只允许输入30个字)