[分享]css去掉input框默认选中

在网页设计中，常常需要使用到输入框，而默认情况下，这些输入框是被选中的，如果需要在输入框获取焦点的情况下进行其他操作，就需要将输入框的默认选中状态去掉，下面就介绍如何使用CSS实现去掉输入框默认选中状...

在网页设计中，常常需要使用到输入框，而默认情况下，这些输入框是被选中的，如果需要在输入框获取焦点的情况下进行其他操作，就需要将输入框的默认选中状态去掉，下面就介绍如何使用CSS实现去掉输入框默认选中状态。

input:focus {
  outline:none; 
} 

上面的代码可以去掉输入框在获取焦点时的外边框，从而达到去掉默认选中状态的效果。可以看出，使用CSS去掉输入框默认选中状态非常简单，只需要对输入框的:focus状态进行设置即可。

如果需要设置输入框在获取焦点时的样式，可以参考下面的代码：

input:focus {
  border: 1px solid #ccc;
  background-color: #fff;
} 

上面的代码可以设置输入框在获取焦点时的边框和背景色。

总之，使用CSS去掉输入框默认选中状态非常简单，只需要对输入框的:focus状态进行设置即可，同时也可以通过:focus状态来设置输入框在获取焦点时的样式。