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

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，或者只提供比实际left: -19px;少1的