下面以级联选择器为例:
第一步,加上自己的类名(这里我加的是:“a-cascader-input”)
<a-cascader
class="a-cascader-input"
style="width: 400px"
:options="options"
:show-search="{ filter }"
placeholder="选择商品分类"
@change="onChange"
:fieldNames="{
label: 'categoryName',
value: 'categoryId',
children: 'children',
}"
/>
第二步,浏览器设置找到你要修改的那个div的类名,比如输入框input的类名为:“.ant-input”
/* 在css文件中添加以下样式 */
.a-cascader-input /deep/ .ant-input::placeholder {
color: black;
}
以此类推即可
本文介绍了如何在Vue或类似框架中使用级联选择器组件,并通过CSS针对特定类名如`.ant-input`修改输入框placeholder颜色,以及如何响应`@change`事件。
9840

被折叠的 条评论
为什么被折叠?



