1、新建HTML文件。
2、创建HTML标签和内容。
3、预览效果如图。
4、设置右边框的颜色border-right-color:#30C。
5、预览效果如图。
6、设置右边框的颜色border-right-color:rgb(204,0,102)。
7、预览效果如图。
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{
border-color: #6699FF
box-shadow: 0 1px 2px #6699FF inset
}
你的意思是 输入框得到焦点之后 ，出现橙色边框吧！！！ 上面这段代码你可以试试 ，用火狐浏览器或者谷歌浏览器试吧。边框的阴影效果，不是所有的浏览器都能支持的。
直接使用css来设置input的border的值来修改input的边框值即可。border 简写属性在一个声明设置所有的边框属性，可以按顺序设置如下属性：
border-width
border-style
border-color
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000也是允许的。
工具原料：编辑器、浏览器
