开发移动端web页面时候遇到的问题以及解决方法

1 边框圆角出现缺失

原因是该标签没有设置超出隐藏 导致子覆盖了父

2 文本输入框光标的颜色

caret-color

3 ios下点击a button input -----等标签出现灰色的背景

a,button,input,optgroup,select,textarea {

    -webkit-tap-highlight-color:rgba(0,0,0,0);

}

4 修改文本框placeholder的文字颜色

::-ms-input-placeholder {

    /* Internet Explorer 10+ */

    color:#c7c7c7;

}

5 关于0.5px边线问题

使用after 或者 before  然后设置高度为1px 内容为空 然后缩放0.5

 

后续继续更新-----