css改變placeholder樣式

2021-09-05 11:36:40 字數 597 閱讀 8234

placeholder預設樣式已經漸漸不能滿足開發者的需求,接下來推薦給大家自定義placeholder的樣式的方法。

方式1:因為每個瀏覽器的css選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input和textarea)。

::-webkit-input-placeholder 

::-moz-placeholder

:-ms-input-placeholder

備註:此時可以根據產品需求新增需要的樣式!!!

方式2:建議使用該方式 如果是在手機客戶端webview 只使用-webkit核心方式即可。

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder 

input:-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...