javascript - 使 HTML 输入区域只读但可选择

Question

我有一个透明的输入区域，当您单击它时，发光的边框会出现(预期)，您可以编辑文本。我试图让发光的边框在您单击它时仍然显示，但使其中的文本不可编辑。

<input style='border:none; background:none;' value='TEXT'>  

添加 readonly 或 readonly="readonly" 使输入就像一个不可编辑的 div，你不能双击输入区域来选择它和发光边框不显示。如何在不允许更改文本的情况下保留输入功能？

Answer 1

你可以在一些 CSS 中使用 readonly 属性:

input:focus {
    box-shadow: 0 0 2px 2px #3d94db;
}

<input style='border:none; background:none;' value='TEXT' readonly>