如何更改引導程序和引導程序材料設計的佔位符字體大小？

我的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; 
}

來源

2016-09-07 stackjlei

使用！重要。（例如font-size：200px！important） –

添加!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..">

來源

2016-09-07 04:41:38

如何更改引導程序和引導程序材料設計的佔位符字體大小？

回答

相關問題