placeholder

兼容写法：

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: pink;
}
::-moz-placeholder { /* Firefox 19+ */color: pink;
}
:-ms-input-placeholder { /* IE 10+ */color: pink;
}
:-moz-placeholder { /* Firefox 18- */color: pink;
}

支持的属性：

font properties
color
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
text-indent
opacity

案例1：input的placeholder内容居中，光标不居中

input {width: 150px;
}
input::-webkit-input-placeholder {padding-left:30px;
}

案例2：某些placeholder上下不居中

调整line-height属性

HTML input placeholder的样式设置相关推荐

placeholder的样式设置
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. input::-webkit-input-placeh ...
input placeholder的样式
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder ...
css 修改placeholder颜色 , placeholder的样式设置
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder ...
通过js在控制台输出彩色字体和placeholder的样式设置(记录)
通过js在控制台输出彩色字体代码: var e = "%c";var n = "color:red;text-shadow:5px 5px 2px #fff, 5px ...
Input placeholder属性样式修改(颜色,大小,位置)
Input placeholder属性样式修改(颜色,大小,位置) input::-webkit-input-placeholder {/* placeholder颜色 */color: #aab2b ...
placeholder的样式设置和竖杠的样式
placeholder样式详情参考:http://www.cnblogs.com/JennyLin77/p/5308431.html input竖杠样式详情参考: 第一种:line-height 第二 ...
input type=checkbox样式设置
效果 html代码 <div class="checkbox-item"><input name="checkbox" id="it ...
html input框的样式修改
在html中,往往我们需要修改input中的placeholder默认文字的样式, 在这个时候主要用到: 在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用 ...
input的样式设置
<input> 输入框:type=text 去掉输入框的默认的样式: -web-kit-appearance:none; -moz-appearance: none; <input ...

HTML input placeholder的样式设置

placeholder

HTML input placeholder的样式设置相关推荐

最新文章

热门文章