input一些样式

很多情况下都会使用到input这个输入框,有时候我们想改变一下这个输入框的样式和字体的颜色,你们看到这可能想字体颜色使用color就可以改变了啊,还有什么要改变的?接下来看一下,

这个就是直接使用了color颜色

input一些样式_第1张图片
代码部分

一打开这个页面placeholder中字体颜色是灰色,而不是我们设置的红色

初始化


这是输入的字体颜色就是我们设置的红色


直接使用color的设置没有改变placeholder的颜色,有时候我们想改变颜色,接下来就说怎么样改变这个字的颜色


input一些样式_第2张图片
红色框的就是改变placeholder字的颜色

我们看一下效果


placeholder字的颜色

在这还说一个样式,在我们点击这个输入框的时候,会有边框的出现,有时候我们不想要这些边框的时候就在样式中设置这样的样式就可以了

1:outline: lavender;

2:outline: none;

3:outline:medium;

这三中都可以,只用其中的一个就可以了。

那我要改变边框的样式呢?

outline:#00FF00 dotted thick;

暂时就说这么多,以后接着说这个经常遇到的样式问题


你可能感兴趣的:(input一些样式)