el-input disabled 样式修改

要修改el-input的disabled样式，可以使用以下CSS代码：

.el-input.is-disabled {
background-color: #f5f7fa;
color: #c0c4cc;
border-color: #e4e7ed;
cursor: not-allowed;
}

其中，background-color、color和border-color属性可以根据需要进行修改，cursor属性设置为not-allowed可以使鼠标指针变为禁止符号，表示该输入框不可用。

相关问题

<el-table-column label="值"> <template slot-scope="scope"> <el-select class="custom-select" multiple collapse-tags style="margin-left: 30px;" v-if="scope.row.name == 'ParamType'" v-model="scope.row.data" > <el-option v-for="t in scope.row.valueData" :key="t.text" :label="t.value" :value="t.text" > </el-option> </el-select> <el-input v-else v-model="scope.row.data" :disabled="scope.row.name == 'Protocol'" ></el-input> </template> </el-table-column>

根据你提供的代码，多选框的显示问题可能与以下几个因素有关：

1. `el-select` 组件的样式：你可以尝试调整 `el-select` 组件的宽度，以确保能够完整显示所有已选择的数据。你可以通过在 `el-select` 标签上添加 `style` 属性来设置宽度，例如 `style="width: 200px;"`。

2. 父级容器的宽度：如果 `el-select` 组件的父级容器宽度不足以容纳所有已选择的数据，那么显示框就会被截断。你可以检查父级容器的宽度，并根据需要进行调整。

3. 其他样式或脚本冲突：有时候，其他样式或脚本可能会影响多选框的显示效果。你可以检查是否有其他样式或脚本与 `el-select` 组件冲突，如果有的话，尝试解决冲突问题。

希望以上建议能够帮助你解决多选框显示不完整的问题。如果还有其他疑问，请随时提出。

el-input禁止输入-

el-input禁止输入的原因可能是element-ui的bug。对于这个问题，可以尝试以下解决办法：
1. 检查是否正确引入了element-ui组件库，确保版本正确。
2. 检查代码中是否有其他地方对el-input组件进行了禁用或修改。
3. 尝试在el-input组件上添加属性disabled或readonly，看是否能解决禁止输入的问题。
4. 检查是否有其他自定义的样式或脚本与el-input冲突，可能会导致禁止输入。

希望以上解决办法对您有所帮助。如果问题仍然存在，请尝试在element-ui的官方文档或社区中寻求帮助，他们可能会有更详细的解答。