您的位置:首页 > Web前端 > CSS

input输入框默认文字,点击消失;圆角设置及INPUT内阴影CSS

2017-03-29 16:29 393 查看
<input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}">

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

圆角设置:

.boder-radius{

 -webkit-border-radius:6px;//适配以webkit为核心的浏览器(chrome、safari等)

-moz-border-radius:6px;//适配firefox浏览器

-ms-border-radius:6px;//适配IE浏览器

-o-border-radius:6px;//适配opera浏览器

border-radius:6px;//适配所有浏览器(需要放在最后面,类似于if..else if..else..)

}

内阴影:

.shadow{

-moz-box-shadow:3px 3px 3px #e2e2e2 inset;               /* For Firefox3.6+ */

-webkit-box-shadow:3px 3px 3px #e2e2e2 inset;            /* For Chrome5+, Safari5+ */

box-shadow:3px 3px 3px #e2e2e2 inset;                    /* For Latest Opera */}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: