更改搜索框内默认文字字体颜色
2017-08-02 08:09
375 查看
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;
}
<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;
}
相关文章推荐
- 更改搜索框内默认文字字体颜色
- 更改搜索框内默认文字字体颜色
- 更改搜索框内默认文字字体颜色
- 更改搜索框内默认文字字体颜色
- 更改搜索框内默认文字字体颜色
- 更改搜索框内默认文字字体颜色
- 黑马程序员--iOS默认状态栏文字颜色更改
- 一个小知识点------在Jlabel当中让文字居中显示,及更改字体颜色,大小!
- win7字体怎么改?win7更改默认字体与默认颜色方法图解
- 更改UILabel的字体样式及某段文字中的颜色
- input文字方框中,字体颜色的变化 要求默认的字体颜色是灰色,当要输入字时,字体是正常的黑色
- 更改UITextField的placeholder文字颜色的5种方法 及placeholder字体大小
- 更改UILabel的字体样式及某段文字中的颜色
- css 选择后更改文字背景 CSS3 实现改变默认文本选中的颜色
- 精确获取屏幕尺寸 判断是否是平板 文字根据状态更改颜色 android:textColor 背景色根据状态更改颜色 android:backgroup 启动APK的默认Activit
- PyCharm V2017 1.5 更改背景颜色、菜单栏字体和大小、代码部分字体大小、自动生成开头的默认代码段
- android studio默认修改主题,字体,文字颜色,大小等属性的设置
- 通过HTML方式设置文字颜色和字体
- CheckBox更改默认边框颜色
- 更改UITextField的placeholder文字颜色的5种方法