Question

在我们的应用程序中，我们经常使用禁用的文本输入。但是，它们不是用户友好的，因为在某些浏览器（Chrome，Firefox，但不是IE）中，您无法使用鼠标选择文本内部。这使得复制您不允许编辑的文本变得非常困难。

似乎在HTML中，在这种情况下，最好使用readonly标志而不是disabled。但是，我们不能轻易地做到这一点，因为它改变了提交给服务器的内容，因此如果我们想要进行这样的改变，整个应用程序将需要进行调整和测试。另外，我认为它不必要地为用户创建了另一个语义不清楚的状态。

所以，我希望禁用输入，但如果可能的话，可以在所有浏览器中选择文本。 问题：是否可以选择文本，也许可以使用一些CSS？

这是一个用于测试的简单HTML：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <input value="bla bla bla"/> <!-- selectable -->
    <input value="bla bla bla" disabled="disabled"/> <!-- selectable only in IE -->
    <input value="bla bla bla" readonly="readonly"/> <!-- selectable -->
  </body>
</html>

禁用的HTML输入中的文本可选择性

0 个答案: