Ant Design

发表于 | 更新于 | 分类于

问题集锦

Input或Search组件设置默认值，设置不上的话可以使用 key={Math.random()}

1
2
3
4
5
6
7
<Search
    key={Math.random()}
    defaultValue= {name}
    placeholder="按凭证名称搜索"
    style={{ width: 200 }}
    onSearch={() => this.loadData({ page: 1 })}
/>

修改placeholder样式

1
2
3
4
::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{}                  /* Firefox版本4-18 */
::-moz-placeholder{}                  /* Firefox版本19+ */
:-ms-input-placeholder{}           /* IE浏览器 */
1
2
3
4
5
6
7
8
9
10
11
12
// css设置
.trace::-webkit-input-placeholder {
     color: rgba(255, 0, 0, 0.45);
}
.trace:-moz-placeholder {
    color: rgba(255,0, 0, 0.45);
}
.trace:-ms-input-placeholder {
    color: rgba(255,0, 0, 0.45);
}
// 组件
 <Input placeholder="Trace ID" className="trace" />