使输入无法选择

Question

这有点奇怪，我知道这似乎是不必要的，但在应用程序中我们正在构建它。我们的应用程序是触摸屏，我们有一个部分，他们必须在页面上签名。签名的工作原理是将图像数据存储到页面上的输入中，然后再将其抓取。

这是完美的工作，但我们当然不希望输入显示在页面上，以便用户可以搞砸它。为了解决这个问题，我让它变得透明，以便用户永远不会看到它。

我担心他们可能会不小心点击该字段，并决定恶作剧并搞砸它。有没有办法让用户无法选择它？

我无法readonly，disabled或display:none;。 Readonly停止验证工作，禁用停止签名写入并显示：none;只需将其从页面中删除。

如果有任何人有任何想法，我就是新鲜的！

为了使它透明，我有这个css

  background-color: transparent !important;
  border: none !important;
  color: transparent !important;

我尝试过user-select:none;

Answer 1

您是否尝试过使用type =＆＃34;隐藏＆＃34;？ （documentation）

Answer 2

这样的事情

.hideme{
    position:absolute;
    top:-9999px;
    left:-9999px;
}

（假设 Nic Gutierrez的<{1}} 的答案对你不起作用 - 如果确实如此，那么他的答案是可行的。）