如何包含css風格來修改現有佔位符

這個問題與this one非常相關，但是在閱讀並嘗試了不同的jsfiddles之後，我無法使其適用於我的情況。如何包含css風格來修改現有佔位符

我有一個引導2.3.1和LESS的現有源代碼庫。目前我無法修改或重新編譯LESS，我只能修改現有的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!"/>

我已經試過類似這樣的東西jsfiddle取得了一些成功（我'只能改變字體大小），但我已經閱讀LESS的引導文件，它佔位符是mixin，我認爲這是干擾這種方法。實際上，如果我刷新，我可以看到指定內聯樣式的一小部分時間，但突然變成我認爲在該mixin中指定的樣式。

任何想法如何克服這一點？

謝謝！

來源

2014-04-21 AlejandroVK

嘗試添加語句所有的規則...，如下圖所示「重要！」：

::-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; 
}

...應該強制瀏覽過少混入

來源

2014-04-21 22:54:03

謝謝使用這些規則你Abimbola，以及如何把這個？它可以作爲內聯樣式放置嗎？ – AlejandroVK

是的，它可以...會同樣工作。（不要忘了接受這個答案作爲正確的答案！乾杯） –

你好Abimbola ...你能提供一個關於如何包含這個內聯的例子嗎？風格=？我嘗試了各種組合，都沒有工作 – AlejandroVK

如何包含css風格來修改現有佔位符

回答

相關問題