input设置灰色不可编辑

要将 input 元素设置为灰色且不可编辑，您可以使用以下 CSS 样式：

input[readonly] {
  background-color: #ccc;
}

这将将带有 readonly 属性的所有 input 元素的背景颜色设置为灰色。要使 input 元素不可编辑，您可以将其设置为只读（readonly）状态，如下所示：

<input type="text" value="Hello World" readonly>

这将使输入框中的文本不可编辑，并将其背景颜色设置为灰色。请注意，只读属性不是 HTML5 的必需属性，但几乎所有浏览器都支持它。如果您需要更大的浏览器兼容性，请考虑使用 JavaScript 来禁用输入框。

相关问题

input设置不可编辑

如果您想将input设置为不可编辑，可以在HTML中使用"readonly"属性。例如：

<input type="text" value="这是默认文本" readonly>

这将创建一个本输入框，其中的文本内容无法被修改。如果您希望通过JavaScript代码来控制输入框的编辑状态，可以使用以下代码：

document.getElementById("myInput").readOnly = true;

这将选择具有"id"属性为"myInput"的输入框，并将其设置为只读模式。如果要将其变为可编辑状态，将"true"替换为"false"即可。

el-input不可编辑

如果你想让 `el-input` 不可编辑，你可以设置 `:disabled="true"` 或者 `readonly="readonly"` 属性。例如：

<template>
  <el-input :disabled="true" value="这是不可编辑的文本"></el-input>
</template>

或者

<template>
  <el-input readonly="readonly" value="这是不可编辑的文本"></el-input>
</template>

这样，用户就无法编辑这个 `el-input` 的内容了。