Javascript 如何包含css样式以修改现有占位符

这个问题与JSFIDLE非常相关，但是在阅读并尝试了不同的JSFIDLE之后，我无法使它在我的案例中起作用

我有一个现有的源代码库，它具有bootstrap 2.3.1及以下版本。目前我无法修改或重新编译更少的内容，我只能修改现有的HTML并使用内联样式

是否可以包括以下内容：

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

在带有如下占位符的简单输入字段中：

<input id="some_id" placeholder="Lorem ipsum rocks da house!"/>

我曾经尝试过类似的方法，并取得了一些成功（我只能更改字体大小），但我已经读到，使用LESS的bootstrap有一个for占位符，我认为这会干扰这种方法。事实上，如果我刷新，我可以在几秒钟内看到内联指定的样式，但随后突然更改为我认为在该mixin中指定的样式

有没有办法克服这个问题

谢谢

尝试将“！important”语句添加到所有规则中。。。如下图所示：

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999 !important;
}

---

…这将迫使浏览器在较少的混音上使用这些规则

谢谢你，Abimbola，那么这个放在哪里呢？它可以作为内联样式放置吗？是的，它可以…将同样工作。（别忘了接受正确的答案！干杯）你好，阿比姆博拉…你能提供一个例子，说明如何将此内联？风格=？我尝试过所有类型的组合，但没有一个是和示例workstyle=“color:#999！important；”。如果你需要一个指向JSFIDLE的链接，然后将其发布在评论中，我会查看并告诉你是什么阻止了它，希望如此！