【Element】修改el-select的placeholder

最新推荐文章于 2025-09-11 04:35:31 发布

原创最新推荐文章于 2025-09-11 04:35:31 发布 · 4.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html

Element 专栏收录该内容

9 篇文章

订阅专栏

这篇博客展示了如何使用HTML创建一个下拉选择框，并用Stylus进行CSS样式定制，包括设置输入框的占位符颜色。示例中涉及Vue.js的组件<el-select>和<el-option>，以及Stylus对CSS的增强写法。

HTML使用示例（不完整）

	<el-select v-model="value" class="select-btn" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>

CSS修改代码（使用stylus）

	.select-btn>>>
	  .el-input
        input
	      &::placeholder
	        color #fff !important
	      &::-webkit-input-placeholder
	        color #fff !important