分享几段最近用到的前端代码
1、Bootstrap 的 table 内容超出不换行问题
在做一个对比的时候,页面限制有点窄,使用 Bootstrap table 的时候,内容超出居然不换行,全是按照一行显示
而且把整个 table 宽度自动超出页面宽度,出现了滚动条
解决方法就是给 table 加一个 CSS 样式
table { word-break:break-all; }
2、输入框改变 placeholder 字体颜色
依旧是 css 样式
::-webkit-input-placeholder { color: red; } :-moz-placeholder { color: red; } ::-moz-placeholder{ color: red; } :-ms-input-placeholder { color: red; }
3、点击添加图片、表情以后,评论框自动获取焦点
这个是用在我博客的,有点强迫症吧,评论框的图片和表情点击以后不会焦点不会自动进入评论框
然后直接点飞机提交评论也不能提交,是因为没有填昵称和邮箱信息,所以直接获取到焦点提示一下需要这些信息才能评论
找到对应的 class 属性,使用 HTML DOM focus() 方法
$(".comment-smilies").click(function() { document.getElementById("comment").focus(); });