HTML：如何去掉input输入框线条以及改变placeholder颜色

今天，让我们分享一个基础HTML&CSS小应用:如何去除input输入框线，改变placeholder的颜色。

去掉input输入框线

先看效果图：

输入时，发现外框不漂亮，要去掉。怎么做？

我们通常使用outline属性，代码如下：

1. textarea:focus{
2.       outline: none;
3. }
4. input:focus{
5.       outline: none;
6. }

当然还有其他方法，但这是最简单的。

改变placeholder的颜色

您可以看到效果图：

当我们使用placeholder属性时，我们会遇到输入文本颜色的问题。例如，设计师要求默认颜色为浅灰色，然后输入为黑色。这种效果将使表格更加美观和体验良好。代码非常简单，如下：

1. .formbox .form–inp::-webkit–input–placeholder{
2.       color:#a8a8a8; ///谷歌内核
3.   }
4.   .formbox .form–inp::-moz–placeholder{
5.      color:#a8a8a8; //火狐
6.   }
7.   .formbox .form–inp::-ms–input–placeholder{
8.         color:#a8a8a8; //IE
9.   }

试试吧。