Question

我为输入元素设置了边框和边框半径。当您在输入标签内聚焦时，会出现几乎没有边框半径的蓝色边框。单击输入[type = submit]元素时也会发生相同的情况。我想定义和控制这个属性。

我认为这有一个css技巧，但我不确定。我是否更改了box-shadow属性或边框属性。怎么样？

input{
   width:60%;
   font-size:1.05em;
   min-width:250px;
   display:block;
   margin-bottom:3.5%;
   padding:0.8% 1.5%;
   border-radius:5px;
   border:1px solid white;
   transform:rotateX(10deg);
 }
.submit{
   background:rgb(0,150,255);
   border:1px solid rgb(0,150,255);
   transition: transform 1s;
   color:white;
   box-shadow: 2px 2px 1px silver;
 }
 input:focus , .submit:focus{
   background:rgba(0,120,255,1);
   border:none;
   transform: scaleY(1.1);
 }

我使用类选择器而不是输入[type = submit]选择器

Answer 1

你正在寻找的css“技巧”是outline:none

单击/聚焦时删除输入元素的边框

1 个答案: