改变placeholder颜色和去掉input前面的叉号
2018-03-23 22:29
337 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<style>
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red; opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;opacity:1;
}
input:-ms-input-placeholder{
color: red;opacity:1;
}
input::-webkit-input-placeholder{
color: red;opacity:1;
}
/* 清除search的默认样式 */
input::-webkit-search-cancel-button{
display: none;
}
/* --清除IE下的 search 叉号 */
input[type=search]::-ms-clear{
display: none;
}
</style>
</head>
<body>
<input type="text" placeholder="placeholder是红色" />
<input type="search" />
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<style>
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red; opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;opacity:1;
}
input:-ms-input-placeholder{
color: red;opacity:1;
}
input::-webkit-input-placeholder{
color: red;opacity:1;
}
/* 清除search的默认样式 */
input::-webkit-search-cancel-button{
display: none;
}
/* --清除IE下的 search 叉号 */
input[type=search]::-ms-clear{
display: none;
}
</style>
</head>
<body>
<input type="text" placeholder="placeholder是红色" />
<input type="search" />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 改变input的placeholder颜色
- 改变input标签中placeholder显示的颜色
- 改变input的placeholder颜色
- input的改变placeholder的颜色
- input 的placeholder 的颜色改变
- 改变input标签中placeholder显示的颜色
- input,textArea的placeholder的颜色的改变
- placeholder改变颜色
- 改变placeholder颜色
- css设置input, placeholder字体颜色
- input，textarea的placeholder属性设置字体颜色
- 一条语句改变进度条颜色及去掉进度条边框
- 教你改变UITextFiled的placeholder颜色
- Flex中如何改变TextInput输入框得到焦点时边框颜色的例子
- 如何改变placeholder的颜色
- 去掉input file前面的框：
- vc改变进度条颜色及去掉进度条边框
- h5 安卓input输入框和改变div 字体颜色
- 修改Input中Placeholder默认提示颜色（兼容）
- 改变placeholder的颜色