iOS 11.2.5上不会旋转Textarea插入符号

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上找到一个。

这个站点很好找到一些自定义光标

 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>