問題描述:直接修改 input 的字體樣式無效,通過檢查元素,發現是 .mui-search .mui-placeholder 這兩個類在控制
第一步:當然是對 mui 框架的引入;
第二步:針對輸入框的使用可以參考官方文檔的樣例,這里我把他的輸入框帖過來
<div class="mui-input-row mui-search"> <input type="search" class="mui-input-clear" placeholder=""> </div>
第三步:使用 .mui-search .mui-placeholder 操作輸入框相關的樣式,那么我這里是設置他字體的大小
.mui-search .mui-placeholder { font-size: 14px;}
