- 281 名前：名無しさん＠お腹いっぱい。 mailto:sage [2008/06/26(木) 14:56:39 ID:4s6hJkmS0]
- >>277
デフォの指定は以下のようになってる。
.tabbrowser-tab:hover,
.tabbrowser-tab[selected="true"] {
border-width: 1px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-top-colors: ThreeDShadow;
-moz-border-right-colors: ThreeDShadow;
-moz-border-left-colors: ThreeDShadow;
}
だから、ボーダーカラーを指定してあげればいいんだと思う。
.tabbrowser-tab[selected="true"] {
border-width: 1px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-top-colors: red !important;
-moz-border-right-colors: red !important;
-moz-border-left-colors: red !important;
}
なんでボトムだけついたかというと、デフォでは.tabbrowser-tabに対して 「border-bottom: none;」が
指定されてる。で、>>277では!importantでボトムを1pxの赤って指定してるわけだから、この部分は有効
になる。
上に書いたのだと、デフォを上書きしてるだけだから当然ボトムボーダーは表示されない。表示したければ、
以下を追加。
border:1px solid red!important;
|
 |
