多语言展示
当前在线:1118今日阅读:26今日分享:39

怎么给input框加漂亮的阴影

主要用到CSS3 box-shadow属性
工具/原料

CSS3 box-shadow

方法/步骤
1

编写一个from表单

   

                   

       

           

2

 type='email'是html新特性,监控输入文字是否是email

3

定义CSS样式

4

设置鼠标划过事件input:hover, textarea:hover, input:focus, textarea:focus { border-color: #C9C9C9; }label {    margin-left: 10px;    color: #999999;    display:block;}

5

设置submit属性.submit input {    width:auto;    padding: 9px 15px;    background: #617798;    border: 0;    font-size: 14px;    color: #FFFFFF;}

6

漂亮的input生成了

注意事项

css3兼容性不好

推荐信息