CSS - 去除 input 框默认样式

爱被打了一巴掌 2023-01-20 05:55 116阅读 0赞

前言

大部分情况下，我们都会自定义 input 框样式，而默认的边框及样式非常简陋。
在这里插入图片描述
变为如下图所示，干净的样式：
在这里插入图片描述

实现代码

  1. input{   
  2.     background:none;  
  3.     outline:none;  
  4.     border:none;
  5. }
  7. /* 如果input必须要有边框，但需要去掉选中时的蓝色框 ↓↓↓ */
  8. input{   
  9.     background:none;  
  10.     outline:none;  
  11.     border:1px solid #ccc;
  12. }
  13. input:focus{    
  14.     border:none;
  15. }

发表评论

表情：
评论列表 （有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读