不需要的边框在：之前/：伪元素之后

Question

以下代码在桌面浏览器上正常工作。但是，当在android webview中应用时，似乎有一个额外的边框。我应该如何处理这个问题的任何想法？

.container{ 
      width: 100px; 
      height: 50px; 
      background-color: #fff; 
      color: #000; 
      padding: 5px; 
      position: relative; 
     } 
.container:before{ 
      content: ""; 
      border-left: 20px solid transparent; 
      border-bottom: 50px solid #fff; 
      position: absolute; 
      left: -20px; 
      top: 0; 
     } 

Answer 1

与添加right:100%代替left: -20px，或者尝试只给1比实际少left: -19px;