Question

我有一个旋转45度的textarea

textarea {
  transform: rotate(-45deg);
}

<textarea></textarea>

问题是在iOS设备上文本插入符号不会旋转，它显示为一个很奇怪的盒子。

textarea {
  border: 1em dashed red;
  padding: 1em;
  transform: rotate(-45deg);
}

<h2>
  Cursor in iOS: bugged
</h2>
<textarea></textarea>
<button>close keyboard</button>

CodePen上的示例https://codepen.io/brunolm/pen/eVBdaj

有没有解决方法？还是另一种旋转元素的方法？

Answer 1

您必须创建或添加自己的自定义光标，或者只是在Google上找到一个。

这个site很适合找到一些自定义游标

textarea {
  border: 1em dashed red;
  padding: 1em;
  transform: rotate(-45deg);
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=77519), auto;
}

<h2>
  Cursor in iOS: bugged
</h2>
<textarea></textarea>
<button>close keyboard</button>

Textarea插入符号在iOS 11.2.5上不会轮换

1 个答案: