所有分类
  • 所有分类
  • 后端开发
HTML:如何去掉input输入框线条以及改变placeholder颜色

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

运行环境:Windows
所需软件:Word
资源类型:简历

今天来分享一个基础的HTML&CSS小应用:如何去掉input输入框线条以及改变placeholder颜色。

去掉input输入框线条

先看效果图:

当输入的时候,发现外面框框,不美观,所以要去掉。如何搞呢?

我们一般用outline属性,代码如下:

textarea:focus{
      outline: none;
}
input:focus{
      outline: none;
}

当然还有其他方法呢,不过这是最简单的了。

改变placeholder颜色

大家可以看下效果图:

当我们使用placeholder属性的时候,会遇到输入文字颜色的问题。例如,设计师要求:默认的颜色是浅灰色的,然后输入的时候是黑色的。这样的效果会使得表单更美观,体验好。代码很简单,如下:

.formbox .form-inp::-webkit-input-placeholder{
      color:#a8a8a8; //谷歌内核
  }
  .formbox .form-inp::-moz-placeholder{
     color:#a8a8a8; //火狐
  }
  .formbox .form-inp::-ms-input-placeholder{
        color:#a8a8a8; //IE
  }

试试吧。

原文链接:https://www.icz.com/technicalinformation/web/html/2023/05/8755.html,转载请注明出处~~~
0
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?