uniapp 输入框disabled但是颜色不变

如果你想要禁用 uniapp 中的输入框，但是又想保留输入框原有的样式，可以使用以下方法：

1. 在输入框上添加一个 `disabled` 属性，这将禁用输入框。

2. 使用 CSS 样式来覆盖禁用状态下的默认样式。可以使用以下代码：

input[disabled] {
  opacity: 1;
  cursor: not-allowed;
}

这将使禁用状态下的输入框不透明，并将光标更改为“不允许”图标。

同时，你也可以添加其他样式来自定义禁用状态下的输入框样式，如更改背景色、边框样式等。

相关问题

输入框disabled可以改为不是灰色吗

是可以改变的，可以通过以下方式来实现：

1. 使用 CSS 样式来修改输入框的颜色，如下所示：

input[type="text"]:disabled {
  background-color: #f2f2f2;
  color: #999;
}

2. 使用 JavaScript 来修改输入框的 disabled 属性，如下所示：

document.getElementById("myInput").disabled = false;

这会使输入框变成可用状态，不再呈现灰色。

vue.js实现动态设置输入框disabled属性

Vue.js是一个用于构建用户界面的JavaScript框架，它可以轻松实现动态设置输入框的disabled属性。

首先，在Vue实例中定义一个data属性，用于控制输入框的disabled属性。可以使用默认值false表示不禁用输入框。例如：

data: {
  isDisabled: false
}

然后，在模板中使用v-bind指令绑定输入框的disabled属性到定义的isDisabled属性上。例如：

<input type="text" v-bind:disabled="isDisabled">

现在，只需在Vue实例中修改isDisabled属性的值为true或false即可动态禁用或启用输入框。例如：

methods: {
  disableInput: function() {
    this.isDisabled = true;
  },
  enableInput: function() {
    this.isDisabled = false;
  }
}

在需要禁用输入框时，调用disableInput方法；在需要启用输入框时，调用enableInput方法即可。

总之，Vue.js可以轻松实现动态设置输入框的disabled属性，只需使用v-bind指令绑定到Vue实例的data属性上，随时修改data属性的值即可动态控制输入框的disabled属性。