html - 有没有办法旋转文本输入？

Question

我必须以大约 30 度 Angular 对齐一个文本框和一些文本，如下所示:

我希望它至少能在 IE 和 FF 中运行。我在网上找到的所有内容都与图像旋转有关。
有人吗？

Answer 1

没有好的跨浏览器解决方案。

最新的 Webkit 支持 CSS 转换，允许以直接的方式进行此类操作。

有<foreignContent>在理论上允许旋转 HTML 的 SVG 中，但它没有得到广泛支持(并且在支持的地方，它通常是不完整的和错误的)。

我建议你改变页面的设计。尝试在输入周围使用边框和阴影的视觉技巧，使其看起来稍微旋转。

我建议不要使用 Javascript 或 Flash 进行黑客攻击。浏览器的输入元素对于可用性很重要。您的黑客可能无法很好地使用密码管理器/自动填充、各种标准键盘快捷键、文本选择等。