css定义的边框虚线在火狐中不显示?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css定义的边框虚线在火狐中不显示?相关的知识,希望对你有一定的参考价值。

border:dashed 0px #0C0; border-bottom:1px;

我只让这个边框的底部有虚线,在搜狗中没问题,可是在火狐和IE中就没有虚线,什么都没有啊

  您好!很高兴为您答疑。
  您这种分离写法会造成样式覆盖,border-bottom:1px;其实质等价于:border-bottom:solid 1px #000。所以建议您将您的样式修改为:border-bottom:1px dashed #0C0。
  如果对我们的回答存在任何疑问,欢迎继续问询。
参考技术A <style>
.a
width:200px;
height:200px;
border:1px #0C0;
border-style:solid solid dashed solid;

</style>
<div class="a"></div>
参考技术B border:dashed 0px #0C0; border-bottom:1px;
改为
border-bottom:1px dashed #0C0 ;
在写样式的时候最好不要有包含与被包含的关系.因为每个浏览器对css的解析不一致,象你上面写的border样式裏面其实就已经包含border-bottom样式了.本回答被提问者采纳

以上是关于css定义的边框虚线在火狐中不显示?的主要内容,如果未能解决你的问题,请参考以下文章

jqgrid 在拖动列时 能不能不显示 列的边框 虚线?

如何使QTreeWidget不显示虚线边框

div+css布局背景图片在火狐中不清晰是啥原因

css中用td实现进度条功能,完成的显示为实线,没有完成的显示为虚线。

在HTML中 怎么去掉点击select时的虚线边框,求大神指点下?

CSS background-image的定义和用法