【Element】修改el-select的placeholder

2025专业AI写手!

于 2021-11-12 18:17:12 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Element 文章标签： css css3 html

本文链接：https://blog.youkuaiyun.com/AIB_Kasic/article/details/121293378

Element 专栏收录该内容

9 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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