H5表單中placeholder屬性的字型顏色問題

2022-07-25 02:18:07 字數 475 閱讀 9318

最近做專案的時候遇到的一些小樣式問題,有關表單。並且在接下來幾天的面試人中五個人都沒有回答上來,改變placeholder屬性的預設字型顏色,感覺有必要總結一下。

如何改變預設字型的顏色?

@blue: #026b9c;

input

input::-webkit-input-placeholder

input:-moz-placeholder

input::-moz-placeholder

input:-ms-input-placeholder

主要是通過偽元素+私有字首這種方式實現,具體實現機制暫時不甚了解,存在相容性問題。。。當我問這個問題的時候,希望有更好的辦法?不過好多人把input的color,甚至於background-color都搞混淆了,好尷尬。

H5表單屬性

form formaction formmethod placeholder autofocus list autocomplete list 指定文字框提供建議值的datalist元素,其值為datalist元素的id值。maxlength 設定文字框最大字元長度。pattern 用於輸入印證的正...

H5新增表單

新增表單型別如下 屬性值說明type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入必須為時間型別 type month 限制使用者輸入必須為月型別 type we...

原生h5表單驗證

近來做專案時發現h5表單驗證挺不錯的,畢竟原生的用起來比較方便簡單,在此做個總結 1.現在我們來簡單的實現乙個h5表單驗證 tip 在使用pattern時需要input不能為空,所以必須要用上required,否則pattern不會起作用。2.當然如果你想使用h5的表單驗證就必須使用submit來提...