改變form里面input,textarea.select等的默認樣式

本文轉載自查看原文 2017-06-17 20:46 1427 css

因為在項目中有時候需要照顧到整體的色調問題，所以不得不對表單默認的樣式進行更改，以下只是對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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 input,textarea,select設置默認字體樣式去除input和textarea的默認樣式純css改變select默認樣式 select input 默認樣式修改如何改變antd里面的默認樣式改變小程序input和textarea中的placeholder樣式 HTML:form表單總結，input，select，option，textarea，label 改變input[type='date']的默認樣式問題修改 IOS 默認input / select 樣式去掉或者修改 input、select 等表單的【默認樣式】