textarea 不支持 opacity 属性??? - WXOPEN Club

如果是 Bug：

textarea 不支持 opacity 属性???

<textarea< code=""></textarea<>

class="input-text"

value="{{templateMes[templateMesIndex]}}"

bindfocus="inputFocus"

bindblur="inputBlur"

name="supportMessage"

bindinput="inputMessage"

catchtouchmove="preventScroll"

              style="color: {{hiddenTextArea ? 'rgba(0,0,0,0)' : 'rgba(225,225,225,1)'}};opacity: {{hiddenTextArea ? 0 : 1}}"

maxlength="50">

想通过 hiddenTextArea 动态改变textarea；发现在 iOS 下，在 textarea 外部包裹一层 view；然后动态改变 view 的位置时，发现收起键盘时，页面会发生抖动；在开发工具上表现堪称完美，在真机上，有种想砸手机的冲动。

6 回复

gyu1 楼6 年前

为何需要opacity？你的需求是什么？

esu2 楼6 年前

直接用 hidden 会导致 textarea 无法聚焦，键盘没有弹出；改变位置是产品提的需求，实际上 textarea 外面还包含着东西

yangao3 楼6 年前

那改成transform: scale(0)好了显示改为1

fjin4 楼6 年前

在 textarea 外层的View 包裹着的能够实现动画效果

dpeng5 楼6 年前

为什么不直接用hidden属性，还有为什么要改变位置，textarea本身支持fixed属性的这样会随着键盘弹起来的

dlin6 楼5 年前

能够设置光标的颜色吗？巨丑