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 */}
}
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
圆角设置:
.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 */}
}
相关文章推荐
- CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
- input输入框默认文字,点击消失
- input输入框默认文字,点击消失
- CSS设置输入框默认文字颜色(webkit-input-placeholder等)
- input输入框默认文字,点击消失
- Js制作点击输入框时默认文字消失的效果
- 51-制作点击输入框时默认文字消失的效果
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- 如何制作点击输入框时默认文字消失的效果
- js-点击输入框默认文字消失
- JS点击输入框让默认文字消失代码
- UItextView设置默认文字,点击文字消失
- input输入框点击文字消失
- 【代码片段】输入框默认文字,点击消失
- C#下设置TextBox默认显示文字,点击后消失
- Js制作点击输入框时默认文字消失的效果
- 制作点击输入框时默认文字消失的效果
- 输入框默认文字点击消失
- 输入框默认文字,点击消失。
- Js制作点击输入框时默认文字消失的效果