改變form裏面input,textarea.select等的默認樣式
阿新 • • 發佈：2017-06-17
script char hold oct 樣式 bsp put blur -c
因為在項目中有時候需要照顧到整體的色調問題，所以不得不對表單默認的樣式進行更改，以下只是對input裏的文本顏色做了更改。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:red; } input:-moz-placeholder, textarea:-moz-placeholder { color: red; } input::-moz-placeholder, textarea::-moz-placeholder { color: red; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: red; } select{ color:pink; } option{ color: red; }</style> </head> <body> <input name="name" placeholder="this is book"> <textarea placeholder="this is a book"></textarea> <select> <option value="1">測試1</option> <option value="2">測試2</option> <option value="3">測試3</option> <option value="4">測試4</option> </select> <input type="text" size="20" style="background-color:#FFFFFF" onfocus="style.color=‘pink‘" onblur="style.color=‘blue‘"> <script href="jquery-3.2.1.min.js"></script> <script> </script> </body> </html>
改變form裏面input,textarea.select等的默認樣式