input的样式设置

输入框:type=text

去掉输入框的默认的样式:

-web-kit-appearance:none;

-moz-appearance: none;

placeholder:隐式的显示文字,当输入内容后将消失。

input::-webkit-input-placeholder { /* WebKit browsers*/

  color:#999;font-size:14px;

  }

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

  color:#999;font-size:14px;

  }

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

  color:#999;font-size:14px;

  }

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

  color:#999;font-size:14px;

}

这一段代码的作用是改变placeholder的默认样式(颜色和字体大小)

按钮:type=button

你可能感兴趣的:(前端,输入框,样式设置,按钮样式设置)