Mozilla Firefox質問スレッド(初心者歓迎)の67

Mozilla Firefox質問スレッド(初心者歓迎)の67 at SOFTWARE

281:名無しさん＠お腹いっぱい。
08/06/26 14:56:39 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;

次ページ

続きを表示

1を表示