欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

border-radius和border一起设置之后出问题_html/css_WEB-ITnose

程序员文章站 2022-05-23 15:54:11
...
写了一个手机页面,写了border: 1px dashed #e2e2e2;border-radius:20px;发现在有的手机上显示,圆角作用到边框上了,没有作用到整个区域。去掉border:1px dashed #e2e2e2之后,圆角作用正常。这个怎么解决?


回复讨论(解决方案)

求指点。。。

有没有人知道什么原因?

可能是背景颜色与border不是同一个div上,如果背景在那个div,还需要在那个div上加border-radius
看 在线演示。

可能是背景颜色与border不是同一个div上,如果背景在那个div,还需要在那个div上加border-radius
看 在线演示。



我这个背景是在那同一个div上面,其实在很多浏览器都是正常的,但是就是在某些手机上出问题了。。。感谢你的回答。