在网上搜了好多，但都是没有解决。所以来求助。 点击抽奖因为要获取用户手机号，所以用了button。但是修改了好多，发现一直存在黑色的边框。
上代码
html
<button class="chou" style='background-image:url(https://xxx.cn/playbtn.png);'plain='true' bindtap="{{isclick}}" open-type="start" bindgetphonenumber="start" ></button> |
.chou { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180rpx; height: 180rpx; z-index: 10; margin: auto; padding: 0; background-size: 180rpx 180rpx; background-repeat: no-repeat; border: none;}button::before { border: 0; border: none;}button::after { border: 0; border: none;} |
button {margin: 0;padding: 0;background-color: inherit;position: static;}button:after {content: none;}button::after {border: none;}试试这个
没有删除.chou的样式。复制了您的代码。还是没有效果
你把
plain='true'
去掉就可以了
可以了，多谢，多谢了
//如果仅仅是<Button /> button::after { border-style: none; } //如果给Button添加了type=primary属性 button[type=primary]{ border-style: none; } //如果给Button添加了 plain 的属性 button[plain]{ border-style: none; } //如果给Button添加了 type=primary 和 plain button[type=primary][plain]{ border-style: none; }