在css中，通过“:focus”选择器便可以设置选择框选中时的样式。下面小编举例讲解输入框选中状态下的css样式如何改。
工具/原料
html+css
代码编辑器：DreamweaverCS5
方法/步骤
1、新建一个html文件，命名为test.html，用于讲解输入框选中状态下的css样式如何改。
2、在test.html文件内，使用input标签创建一个输入框，用于测试。
3、在test.html文件内，给input标签添加一个id属性test，下面将通过该id设置输入框的样式。
4、在test.html文件内，编写<styletype="text漆虱忧甘/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签内，通过“:focus”选择器来改变选择器选中状态下的样式，例如，将其边框设置为2px红色边框。
6、在浏览器打开test.html文件，查看实现的效果。
