placeholder預設樣式已經漸漸不能滿足開發者的需求,接下來推薦給大家自定義placeholder的樣式的方法。
方式1:因為每個瀏覽器的css選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input和textarea)。
::-webkit-input-placeholder備註:此時可以根據產品需求新增需要的樣式!!!::-moz-placeholder
:-ms-input-placeholder
方式2:建議使用該方式 如果是在手機客戶端webview 只使用-webkit核心方式即可。
input::-webkit-input-placeholder, textarea::-webkit-input-placeholderinput:-moz-placeholder, textarea:-moz-placeholder
input::-moz-placeholder, textarea::-moz-placeholder
input:-ms-input-placeholder, textarea:-ms-input-placeholder
更改input標籤的placeholder的樣式
主要是要區別不同瀏覽器的不同css類 在input框中有時想將輸入的字和placeholder設為不同的顏色或其它效果,這時就可以用以下 來對placeholder進行樣式設定了。input webkit input placeholder 使用webkit核心的瀏覽器 input moz plac...
Vue專案相容IE的placeholder
一 前言 最近在做專案中的相容性處理,由於專案是spa專案,所以對於網上給出的第三方外掛程式解決方案不能滿足專案需求。實現思路 通過vue自定義指令的形式實現ie9及以下的placeholder相容。二 正文 由於專案中使用到了elementui 對於elementui元件也做了單獨處理,如下 va...
Javascript 改變CSS樣式
有三種方法 直接改變樣式 改變classname和改變csstext 改變classname document.getelementbyid obj classname 改變csstext document.getelementbyid obj style.csstext width 20px bo...