js设置输入框失去光标与光标选中时样式
2015-08-13 07:29
531 查看
输入框样式
<script language="javascript" type="text/javascript">
function glb_searchTextOnfocus(obj) {
if (obj.value == '请输入您想要的作品...')
obj.value = '';
obj.style.color = '#333';
}
function glb_searchTextOnBlur(obj) {
if (obj.value == '') {
obj.value = '请输入您想要的作品...';
obj.style.color = '#98BC00';
} else {
obj.style.color = '#333';
}
}
</script>
<input name="q" type="text" class="searchkey " value="请输入您想要的作品..." onfocus="glb_searchTextOnfocus(this);" onblur="glb_searchTextOnBlur(this);" maxlength="70" />
<script language="javascript" type="text/javascript">
function glb_searchTextOnfocus(obj) {
if (obj.value == '请输入您想要的作品...')
obj.value = '';
obj.style.color = '#333';
}
function glb_searchTextOnBlur(obj) {
if (obj.value == '') {
obj.value = '请输入您想要的作品...';
obj.style.color = '#98BC00';
} else {
obj.style.color = '#333';
}
}
</script>
<input name="q" type="text" class="searchkey " value="请输入您想要的作品..." onfocus="glb_searchTextOnfocus(this);" onblur="glb_searchTextOnBlur(this);" maxlength="70" />
相关文章推荐
- 修改NavigationBar样式
- CSS的盒子模式和漂浮
- CSS 去除浏览器默认 轮廓外框
- CSS3学习笔记<1>
- 纯CSS3制作卡通场景汽车动画效果
- HTML&CSS兼容性总结
- css图片响应式+垂直水平居中1
- 史上最全的CSS hack方式一览
- CSS 参考
- CSS学习笔记---(七)
- IE 兼容模式下不支持DIV CSS样式display:inline-block,解决
- 详解CSS中视窗单位和百分比单位的使用
- css写三角形
- CSS里面逗号和分号的区别
- CSS中的下划线text-decoration属性使用进阶
- CSS3盒子阴影box-shadow
- css实现元素居中
- css元素position定位和z-index
- CSS的position
- css3中单位rem与.less结合布局