更改搜尋框內預設文字字型顏色
阿新 • • 發佈：2019-02-11
HTML：設定一個搜尋框中預設文字為“搜尋”
<input class="inner_search" type="text" name="#" placeholder="搜尋"/>
css程式碼：
/*設定導航欄中搜索框*/
.inner_search{
/*設定搜尋框樣式*/
background-color: #626262;
border: 1px #151515 solid;
border-radius: 5px;
/*設定搜尋框內預設文字樣式*/
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1;
/*color: red;*/
/*設定搜尋框大小以及位置*/
display: inline-block;
float: left;
width: 280px;
height: 28px;
margin: 6px 0px;
padding: 5px;
}
/*設定搜尋框預設文字顏色！CSS3的新特性！！*/
input:-moz-placeholder,textarea:-moz-placeholder{
color: #cccccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
color: #cccccc;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color: #cccccc;
}