htmlayout设计ui 基础篇：[19]input框自定义

1、第一，看下我们百度经验下面，工具/原料下面的这个input效果1、默认是灰边+白底2、鼠标经过时，变成绿边+白底这个效果，在软件客户端界面如何实现

3、我们发现，边线的颜色和我们想要的效果不同那么，如何修改input边线的颜色呢？<style>input { border:#E1E1E1 1px solid; background:#fff; }</style>直接针对input给它加边线border的颜色值就可以了注意：input的背景颜色要用background:#fff;来设置～比如说：background:red;背景颜色就变成红色，不能用background-color这个是不起作用的

5、第三，接下来，我们再说另外一种效果，现在已经很常见了效果就是：当鼠标经过时，input边发光效果如图所示：

8、你可以试下如果不添加 border-color:#5DC34A ;边线颜色会很淡的如果不添加 transition:没有过渡效果，变化会很生硬～各种不同的参数数值你也可以改变，会有不同的变化啊～