2016-09-07 54 views
3

我的jsfiddle here與自舉和自舉材料設計有鏈接。我想爲輸入佔位符製作較小的字體,但它只是沒有預算,即使使用moz或webkit的輸入佔位符。任何建議將不勝感激。如何更改引導程序和引導程序材料設計的佔位符字體大小?

HTML

<form class="form form-group has-info col-md-4"> 
     <input class="search-input form-control" placeholder=" . . . enter pokemon name" type="text"> 
     <button type="submit" class="btn btn-info btn-raised " name="button">Search!</button> 
</form> 

CSS

::-webkit-input-placeholder { 
    font-size: 25px; 
} 

:-moz-placeholder { /* Firefox 18- */ 
     font-size: 25px; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
     font-size: 25px; 
} 

:-ms-input-placeholder { 
     font-size: 25px; 
} 
+1

使用!重要。 (例如font-size:200px!important) –

回答

10

添加!important覆蓋風格

::-webkit-input-placeholder { 
 
    font-size: 25px; 
 
} 
 

 
:-moz-placeholder { /* Firefox 18- */ 
 
     font-size: 25px; 
 
} 
 

 
::-moz-placeholder { /* Firefox 19+ */ 
 
     font-size: 25px; 
 
} 
 

 
/* Overriding styles */ 
 

 
::-webkit-input-placeholder { 
 
    font-size: 13px!important; 
 
} 
 

 
:-moz-placeholder { /* Firefox 18- */ 
 
     font-size: 13px!important; 
 
} 
 
::-moz-placeholder { /* Firefox 19+ */ 
 
     font-size: 13px!important; 
 
}
<input type="text" placeholder="Example..">