欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

修改input的默认样式

程序员文章站 2022-04-21 22:32:43
...
input {
     width: 2.4rem;//设置input的宽高
    height: 0.3rem;
    outline:  none; //先去掉input框的默认边框
    border: 1px solid #d9d9d9; //再加上自定义边框
    }
//改变选中时的状态
input:focus{
        border:1px solid #f5222d; 
      }
改变textarea也是同样的方法
textarea {
        width: 2.4rem;//设置textarea的宽高
        outline: none;
        border: 1px solid #d9d9d9;
      }
//改变选中时的状态    
textarea:focus{
        border: 1px solid #f5222d;   
      }  
相关标签: 前端技术