【原创】工作中遇到的问题及解决方法

1、ios中去除button的默认样式,也可以去掉input的双边框
解决办法:

input[type=button]{
    -webkit-appearance:none;
    outline:none
}

2、safari中input[type="text"]不能输入
解决办法:

*:not(input) {
  -webkit-user-select: none;
}

3、多行文本超出隐藏
解决办法:

.parent{  
   overflow:hidden; //超出的文本隐藏
   text-overflow:ellipsis; //溢出用省略号显示
   white-space:nowrap; //溢出不换行
   display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。
   -webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)
   -webkit-line-clamp:2; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。
}

4、form表单中的button如果是submit类型,会与回车事件冲突
5、获取url参数

function GetQueryString(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 4,394评论 0 1
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,735评论 3 184
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,141评论 2 19
  • 本文参加#印象青农,萌有感受#活动,本文承诺,文章内容为原创,且未在其他平台发表过。 又是一年十月初,与从...
    山下于归阅读 1,891评论 1 3
  • 一不小心居然到半夜,约了一场电影,羞羞的铁拳。 感觉没有想象的那样好看,倒也没什么诟病,说来说去还是自己不懂电影这...
    俏村姑阅读 1,534评论 2 0