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:默认继承。


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

safari浏览器下 input 表单的阴影

之前写了一个登录表单页面,再iphone上测试遇到了一些奇怪的问题:表单中的input[type=”submit”]按钮在iPhone的safari浏览器下会出现圆角的情况;input[type=”t...
  • fuyifang
  • fuyifang
  • 2016年11月07日 10:05
  • 1730

select下拉框、input输入框在IOS中背景变黑、出现阴影

移动开发:苹果手机中,select下拉框、input输入框背景变黑、出现阴影现象的解决方案。...
  • CamilleZJ
  • CamilleZJ
  • 2016年12月21日 10:26
  • 8212

微信小程序中踩过的坑 input textarea swiper

微信小程序中踩过的坑 1、input组件的问题:      在input聚焦期间,不能做css动画,否则input中的placeholder会错位     如果动画和聚焦都想要的话,那么可以在动画完成...
  • tangxiujiang
  • tangxiujiang
  • 2017年08月16日 20:29
  • 3739

HTML中让边框变成圆形并且带有阴影

min-width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; ...
  • yueyeqingshan
  • yueyeqingshan
  • 2016年05月18日 11:26
  • 1108

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

今天在做web开发微信页面,发现textarea标签元素,在安卓系统微信浏览器中,显示正常,但是在苹果OS系统微信浏览器中出现了内阴影现象。     解决方案:     去除浏览器默认的样式元素:...
  • fengqingtao2008
  • fengqingtao2008
  • 2016年06月01日 12:34
  • 1648

Safari 中 input textarea 去除阴影

Safari 中 input textarea 去除阴影 很长时间以来,我一直在用boostrap框架写东西,没有注意到safari中input和textarea的阴影,一直以为是bootstra...
  • KimBing
  • KimBing
  • 2016年10月20日 21:08
  • 933

去除微信端点击input和textarea时闪现半透明灰色背景色问题

只是作为保存只用,顺便帮助一下有需要的朋友 a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(...
  • kevinzip
  • kevinzip
  • 2017年09月29日 13:03
  • 421

移动端,点击之后某个区域后有阴影

移动端,点击之后某个区域后有阴影 今天偶然发现一件很奇怪的事儿。 在移动端,在我去掉css的伪类及其伪元素跟相关的js之后, 在我点击某块区域的时候,总有一个背景盖在上面,当初以为是Js...
  • qq_16559905
  • qq_16559905
  • 2016年03月01日 10:38
  • 6968

input框在ios中的阴影问题

在IOS下,input 和textarea表单默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉: input{ -webkit-appearance: none; }...
  • ZHIYUANfL
  • ZHIYUANfL
  • 2017年12月07日 17:40
  • 436

微信浏览器下控制动画的动与停

在做播放器时播放盘在控制下暂停与转动 发现微信浏览器下js控制style的 -webkit-animation-play-state: paused; 无法无法响应,于是通过修改类名去实现这个暂停...
  • sinat_20625509
  • sinat_20625509
  • 2015年07月27日 09:29
  • 460
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html textarea标签在苹果OS系统中微信浏览器出现内阴影
举报原因:
原因补充:

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