Mozilla界面诡异问题

Mozilla边框样式

原创于 2010-11-25 17:09:32 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

Mozilla 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在Mozilla中如何定义复杂的边框样式，包括使用特定语法来为不同方向的边框设置颜色，以及如何移除button和toolbarbutton等元素默认的边框效果。

mozilla定义某一控件的某一边框应采用如下写法：
.examle{
border-bottom:2px solid;
-moz-border-top-colors:#FFFFFF #C7BC9E;
-moz-border-bottom-colors:#FFFFFF #C7BC9E;
-moz-border-left-colors:#FFFFFF #C7BC9E;
-moz-border-right-colors:#FFFFFF #C7BC9E;
}
还有就是mozlla没有-moz-border-colors属性，只能四个边框分开定义

----------------------------------------------------------------------------------------------------------------------------------------

button，toolbarbutton等当鼠标划过时有微微凸起的效果，实际上是加了边框，设置border:none，可以取消这种效果

----------------------------------------------------------------------------------------------------------------------------------------