Question

我希望在聚焦时输入字段上有1px边框，但没有模糊效果。

我使用outline-color..添加边框但是如何删除模糊效果？

Border-radius:0px; and box-shaddow:0px;没有解决问题。

感谢

Answer 1

好的Matthias M，

试试这个;

<!DOCTYPE html>
<html>
<body>
<input type="text" class="a">
<style>
.a:focus
{ 
border:1px solid blue;
}
</style>
</body>
</html>

Answer 2

您可以在没有blur参数的情况下添加阴影（每侧一个），例如：

box-shadow: 2px 2px, -2px -2px;

Here小提琴。

Answer 3

试试这个

{
border: solid 2px;
}

Answer 4

感谢您的回答。添加边框不能解决问题。当我尝试用box-shaddow做某事时。关键是改变轮廓风格！太容易了：）

outline-width: 2px; outline-style: solid;

Answer 5

将此添加到您的css：

textarea:focus, input:focus{
    outline: 0;
}

或者

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