Question

html文本框和按钮这些点击时不显示边框的光晕。 或者淡化好看些。

如图
无动作search：

点中search：

无动作button：

点中button：

我想去掉那点中 出现蓝色边框的效果。这怎么做？
或者点中时出现描边什么的， 就像百度的搜索框那样。
貌似要设置什么css样式?
求代码





Answer 1

直接在样式加:focus{outline:0;}这样子就可以了，如果是像百度那种的话，就要用到js，当输入框获得焦点的时候，给输入框加一个样式，这样子就好了哦 ~

追问

那我设置了border-radius 选中的时候怎么描边呢?

追答

这个跟你设置了border-radius无关。你只要做的操作是输入框获得焦点的时候给它加一个样式比如.on{ border-color:1px solid red}这样子就可以了呀~！

Answer 2

最好把代码贴上来，因为现在不能确定蓝色光晕是什么属性来的，可能是border，也可能是box-shadow 也可能是outline

追问

我没设置什么属性。只设置了 border：1px soid #d7d7d7 边框而已，那光晕是默认的