悬浮显示input中所有的内容及css处理文字过长时显示为多余部分省略

1.悬浮显示input中所有的内容

项目中经常会遇到这个问题,在一个内容框中,由于框的宽度是固定的,但是里面的内容却有很多

这个时候需要悬浮显示input中所有的内容,而title提示则要在input添加以下代码,这样既可实现用title提示文本框中所有内容

<input  onmouseover="this.title=this.value"/> 

如果input里面的内容固定,或者悬浮显示div里面的文字,需要悬浮显示,可以直接写为

<input  title="这个是悬浮显示的文字"/> ,<div title="这个是悬浮显示的文字"></div>


补充:
在ie8中,select用这个方法还不能正常的提示文字,写了个函数调用才正常显示

<select onmouseover="selbox($(this))
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值