input一些样式

作者: 花花0825 | 来源:发表于2017-03-17 10:26 被阅读23次

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

<input type"text" placeholder="请输入您的姓名">

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

代码部分

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

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

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

红色框的就是改变placeholder字的颜色

我们看一下效果

placeholder字的颜色

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

1:outline: lavender;

2:outline: none;

3:outline:medium;

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

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

outline:#00FF00 dotted thick;

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


相关文章

网友评论

    本文标题:input一些样式

    本文链接:https://www.haomeiwen.com/subject/ckasnttx.html