小编Vad*_*dea的帖子

是否可以使用CSS动态更改基于背景颜色的文本颜色,或者如果CSS无法使用JS可以动态更改文本颜色？我有一个文字下面的图像.我的文字颜色是白色,但图像上有白色.当文本超出白色形状时,我需要更深颜色的文本颜色.

HTML:

<div class="biography">
            <img src="http://s16.postimg.org/c09zw94jp/author_photo.png" alt="author" class="bio-img">
            <div class="biography-text">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit <br>
                    Vestibulum pellentesque auctor quam a sollicitudin.<br>
                    Pellentesque accumsan a sem eget dictum.
                </p>
                <p>
                    Morbi dictum lorem tortor, id consequat libero gravida ut.<br>
Nullam dictum sed massa et bibendum.
                </p>
                <p>Praesent sed dui mattis, dictum urna sit amet, imperdiet purus.</p>
                <p> Suspendisse potenti.</p>
            </div>
        </div>

CSS:

body {
  background-color: #7ccbe6;
}
.biography {
    min-height: 410px;
}
.biography .biography-text {
    position: …

我<select>从一个数组中渲染一个盒子。我的数组如下所示：

options: [
    {"id":1,"name":"Option1"},
    {"id":2,"name":"Option2"},
    {"id":3,"name":"Option3"}
    ];

我map在数组中找到所有选项，然后在map. 但是，我可以从选择中选择任何选项，第一个除外。

这是我的选择：

<select
    className="form-control"
    name={this.props.name}
    onChange={this.handleChange.bind(this)}>
    {(Array.isArray(this.props.options) && this.props.options.length > 0) ? this.props.options.map(option => {
        return (
            <option key={option.id} value={option.id}>{option.name}</option>
        )
    }) : (<option>No Options Found</option>)}
</select>

我该怎么做，才能选择第一个选项？我究竟做错了什么？