<el-form-item label="&#42会员等级:"> <el-select style="margin-left: -160px"> <el-option label="一般会员" value="1"></el-option> <el-option label="普通会员" value="2"></el-option> <el-option label="超级会员" value="3"></el-option> </el-select> </el-form-item>怎么把&#42变色

可以在 CSS 样式表中添加如下代码：

label::before {
  content: "*";
  color: red;
  margin-right: 5px;
}

这段代码可以将 label 元素中的星号变成红色。如果您只想将该表单项中的星号变成红色，可以给该表单项的 label 元素添加一个 class，然后在 CSS 样式表中选择该 class，并将上述代码应用到该 class 中。例如：

<el-form-item label="会员等级:" class="required">
  <el-select>
    <el-option label="一般会员" value="1"></el-option>
    <el-option label="普通会员" value="2"></el-option>
    <el-option label="超级会员" value="3"></el-option>
  </el-select>
</el-form-item>

.required label::before {
  content: "*";
  color: red;
  margin-right: 5px;
}

这样就可以将该表单项中的星号变成红色。

相关问题

如何将以下代码的模板名称，分组名称，分辨率的框的宽度调整为395px, <el-dialog class=“custom-dialog” :title=“title” :visible.sync=“open” @closed=“handleClosed” style=“color: #333333;size: 20px;margin-top: 32px;margin-left: 32px;”> <el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-row> <el-col :span="24"> <el-form-item label="模板名称" prop="name" > <el-input v-model="form.name" placeholder="请输入模板名称" /> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="分组名称" prop="groupId" > <treeselect v-model="form.groupId" :options="groupOptions.length ? groupOptions[0].children : []" :normalizer="normalizer" placeholder="请选择分组名称" /> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="分辨率" prop="resolution" > <el-select @change=“handleResolutionChange” v-model=“form.resolution” placeholder=“请输入分辨率”> <el-option v-for="it in resolutionList" :key="it" :label="it" :value="it" /> </el-select> </el-form-item> </el-col> <el-col :span="12" v-if="showCustomResolution"> <el-form-item label="宽度" prop="customWidth"> <el-input v-model="form.customWidth" type="number" placeholder="请输入宽度" /> </el-form-item> </el-col> <el-col :span="12" v-if="showCustomResolution"> <el-form-item label="高度" prop="customWidth"> <el-input v-model="form.customHeight" type="number" placeholder="请输入高度" /> </el-form-item> </el-col> </el-row> </el-form> <el-button type=“primary” @click=“submitForm”>确 定</el-button> <el-button @click=“cancel”>取 消</el-button> </el-dialog>

可以在 el-dialog 标签中添加一个 style 属性，设置宽度为395px，如下所示：

<el-dialog class="custom-dialog" :title="title" :visible.sync="open" @closed="handleClosed" style="color: #333333;size: 20px;margin-top: 32px;margin-left: 32px;width: 395px;">

根据 <el-form-item label="选择区服" prop="game_server_id" v-loadmore="nomore"> <el-select v-model="where.game_server_id" value-key="options" placeholder="请选择区服" clearable filterable style="margin-right:10px;margin-left:10px;" :disabled="!where.game_id" > <el-option v-for="item in serverList" :key="item.id" :label="item.server_name" :value="item.id" > </el-option> </el-select> </el-form-item>使用v-loadmore="nomore"

在这个示例中，`v-loadmore="nomore"`被添加到了一个`<el-form-item>`元素上，这意味着我们希望在该元素滚动到底部时触发加载更多的方法。

但是，`<el-form-item>`元素并没有滚动条，所以这里的`v-loadmore`指令可能无法正常工作。如果您希望实现下拉框触底加载更多数据的功能，请将`v-loadmore`指令添加到包含下拉框的元素上，例如`<el-select>`元素。

下面是一个将`v-loadmore`指令添加到`<el-select>`元素上的示例：

<template>
  <el-form :model="where" :rules="rules" ref="searchForm">
    <el-form-item label="选择游戏" prop="game_id">
      <el-select v-model="where.game_id" placeholder="请选择游戏" clearable filterable style="margin-right:10px;margin-left:10px;">
        <el-option v-for="item in gameList" :key="item.id" :label="item.game_name" :value="item.id"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="选择区服" prop="game_server_id">
      <el-select v-model="where.game_server_id" value-key="options" placeholder="请选择区服" clearable filterable
        style="margin-right:10px;margin-left:10px;" :disabled="!where.game_id" v-loadmore="nomore">
        <el-option v-for="item in serverList" :key="item.id" :label="item.server_name" :value="item.id"></el-option>
      </el-select>
    </el-form-item>
  </el-form>
</template>

在上面的示例中，我们将`v-loadmore="nomore"`指令添加到了包含下拉框的`<el-select>`元素上，这样当下拉框滚动到底部时，就会触发加载更多数据的方法。