Css 无法使用 Bootstrap 3 更改占位符 colored颜色

两个问题:

1. 我正在try 将占位符文本变为白色.但这不管用.我正在使用Bootstrap 3.JSFiddle demo

2. 另一个问题是如何不全局地更改占位符 colored颜色 .也就是说，我有多个字段，我只希望一个字段有白色占位符，所有其他字段都保持默认 colored颜色 .

提前谢谢您.

HTML:

<form id="search-form" class="navbar-form navbar-left" role="search">
    <div class="">
        <div class="right-inner-addon"> <i class="icon-search search-submit"></i>
            <input type="search" class="form-control" placeholder="search" />
        </div>
    </div>
</form>

css:

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
    background-color:#303030;
    font-size: 13px;
    color:white;

}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    /*  pointer-events: none; */
    cursor: pointer;
    color:white;
}


/* do not group these rules*/
::-webkit-input-placeholder { color: white; }
FF 4-18 
:-moz-placeholder           { color: white; }
 FF 19+
::-moz-placeholder          { color: white; }
 IE 10+
:-ms-input-placeholder      { color: white; }