您的位置:首页 > 其它

更改搜索框内默认文字字体颜色

2017-08-02 08:09 579 查看
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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: