airyland / airyland/vux

[Bug Report] 日期时间选择控件的内容字体颜色被固定为`#999`

Open
#3,261 2 comments 0 reactions 0 assignees View on GitHub
good first issue
Dominant language
Vue
Stars
17.5k
Forks
3.6k
PR merge metrics
No merged PRs in 30d

Description

### VUX version
2.9.2

### OS/Browsers version
All operating system / All browser

### Vue version
2.5.17

### Code

```html






import {
Group,
XInput,
Datetime,
} from 'vux';

export default {
name: 'test-form',
components: {
Group,
XInput,
Datetime,
},
data() {
return {
name: '',
birthday: '',
};
},
};

.form {
color: red;
}

```

### Steps to reproduce
1. 创建一个简单的Vue项目;
2. 使用上述代码实现一个简单的表单,包含一个`XInput`和一个`Datetime`控件;
3. 将`.form`的字体颜色设置为红色;
4. 表单上的`XInput`控件的标题字体为红色,输入的内容字体也为红色;
5. 但`Datetime`控件的标题字体颜色永远固定为黑色(此问题已在 #3259 中报告),且选择后显示的日期的字体颜色永远固定位`#999`;
5. 从源码上来看,这是因为 `.vux-cell-value`的字体颜色被设置为固定的`#999`,应该设置为`inherit`

### What is Expected?
表单上的`XInput`控件的标题字体为红色,,输入的内容字体也为红色;
`Datetime`控件的标题字体颜色应该是红色,且选择后显示的日期的字体颜色也应该是红色;

### What is actually happening?
表单上的`XInput`控件的标题字体为红色,,输入的内容字体也为红色;
`Datetime`控件的标题字体颜色固定为黑色,且选择后显示的日期的字体颜色固定为`#999`;

![测试样例截图](https://user-images.githubusercontent.com/802093/48977380-00166200-f0d4-11e8-9d25-d54b1122be8b.png)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.