HTML中inputcss样式详解,HTML中input的placeholder属性的CSS样式定义

在HTML中input的有个placeholder属性，它可以让我们在写表单时给每个input的元素做个提示，让用户知道这个输入框什么作用，该输入什么样的数据，很是人性化，

但我们在定义input的placeholder属性时，它的默认样式本人感觉是非常的难看，为此我这个半调子的HTML代码君，百度了一下，找到了如何利CSS来给这个input的placeholder属性定义样式

利用css定义input的placeholder属性

html代码

CSS代码：input::-webkit-input-placeholder {

/* placeholder颜色  */

color: #aab2bd;

/* placeholder字体大小  */

font-size: 12px;

/* placeholder位置  */

text-align: right;

}

CSS增强代码

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */

color:#ddd;

}

input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color:#ddd;

}

input::-moz-placeholder { /* Mozilla Firefox 19+ */

color:#ddd;

}

input::-ms-input-placeholder { /* Internet Explorer 10-11 */

color:#ddd;

}