移动端border是虚线的，但是左右两条虚线却显示的是实线

Question

我的问题是 我本来四条边都是虚线的，但是在移动端的chrome里 左右虚线渲染成实线了，这个要怎么解决呢？

Answer 1

border的4边可以分别设定样式：

    border-style: dashed solid;
    border-width: 1px;

Answer 2

你的css是怎么写的呢？是四条边分开写还是直接写了一个？有没有其他的类把这个类盖住了？建议你先用PC版的Chrome模拟功能测试一下

Answer 3

还没碰到过，在PC端的google和手机端的google样式不一样的。
很简单咯 如果你觉得你的虚线被渲染成了实线 你给border来个red颜色看下实线是不是red就知道了。
目测是楼主样式写的不对，或者那个实线的边框 是虚线边框元素的外层包裹元素。

Answer 4

会不会有什么样式冲突了啊，实心就是实心，虚线就是虚线，还成混搭了，建议你用排除法