border-radius和border一起设置之后出问题_html/css_WEB-ITnose
程序员文章站
2022-05-12 10:27:38
...
写了一个手机页面,写了border: 1px dashed #e2e2e2;border-radius:20px;发现在有的手机上显示,圆角作用到边框上了,没有作用到整个区域。去掉border:1px dashed #e2e2e2之后,圆角作用正常。这个怎么解决?
我这个背景是在那同一个div上面,其实在很多浏览器都是正常的,但是就是在某些手机上出问题了。。。感谢你的回答。
回复讨论(解决方案)
求指点。。。
有没有人知道什么原因?
可能是背景颜色与border不是同一个div上,如果背景在那个div,还需要在那个div上加border-radius
看 在线演示。
可能是背景颜色与border不是同一个div上,如果背景在那个div,还需要在那个div上加border-radius
看 在线演示。
我这个背景是在那同一个div上面,其实在很多浏览器都是正常的,但是就是在某些手机上出问题了。。。感谢你的回答。
推荐阅读
-
行内元素能不能设置垂直padding和垂直border呢?_html/css_WEB-ITnose
-
行内元素能不能设置垂直padding和垂直border呢?_html/css_WEB-ITnose
-
border-radius和border一起设置之后出问题_html/css_WEB-ITnose
-
border-radius和border一起设置之后出问题_html/css_WEB-ITnose
-
不使用border-radius,实现一个可复用的高度和宽度都自适应的圆角矩形_html/css_WEB-ITnose
-
不使用border-radius,实现一个可复用的高度和宽度都自适应的圆角矩形_html/css_WEB-ITnose