2

この写真を見てください

代替テキストhttp://www.abbeylegal.com/downloads/2009-04-01/web%20part%20top%20line.jpg

赤で強調表示されている線/境界線にどのcssスタイルが使用されているか知っている人はいますか？カスタムスタイルシートでそれを乗り越えようとしていますが、運が悪いので、これまでのところ、これらのさまざまなスタイルを乗り越えようとしました...

.ms-viewheadertr
.ms-vh2
.ms-vb
.ms-vb2
.ms-unselectedtitle
.ms-summarystandardbody

表示は変更されますが、境界線は変更されません。怒るには十分です。

アップデート：

.ms-WPHeaderは確かにcssクラスの1つですが、border-styleをnoneに設定すると、まだ行が表示されます。少しだけ薄いです。.ms-viewheadertrを使用してヘッダーを完全に削除できますが、この1行を削除できないようです。

4

6 に答える 6

1

FirefoxとFirebugアドオンを使用して、オーバーライドするクラスを見つけてみませんか？

！importanceを使用してcssクラスをオーバーライドしていますか？

于 2009-04-17T16:20:40.493 に答える
0

http://www.heathersolomon.com/content/sp07cssreference.htmで Heather Solomom の SharePoint CSS リファレンスを確認してください。

http://www.heathersolomon.com/content/sp07cssreference.htm#WebPartsの Web パーツ固有のセクションを参照すると、おそらく ms-WPBorder のように見えます。

お役に立てれば。

于 2009-04-18T16:42:36.313 に答える
0

SharePoint UI のカスタマイズに集中的に取り組んでいます。したがって、あなたが見るべきクラスは次のとおりであることは確かです。

*.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh2-nofilter,.ms-vh2-nofilter-icon,.ms-viewheadertr .ms-vh-group,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-ph,.ms-pickerresultheadertr{
background-image:url("/_layouts/images/viewheadergrad.gif");
background-repeat:repeat-x;
padding-top:1px;
padding-bottom:0px;
background-color:#f2f2f2;
}*

次のように、background-image プロパティの画像参照を削除する必要があります。

*background-image:url("");*

これにより、上部の暗い灰色がかった線が削除されます。

ハッピーカスタム!!!

于 2009-05-05T11:13:57.323 に答える
0

Filterlframe1Chrome は、原因が iframe (id ) であることを示唆しているようです。

border-bottom-style: inset;
border-bottom-width: 2px;

明確化: Sharepoint リスト ビューは、上部のメニュー バーに iframe を使用します。これは、境界線がレンダリングされている場所です。

于 2009-04-17T16:27:28.153 に答える
0

さて、IE8開発ツールバーで遊んだ後、私は思いつきました：

<tr class="ms-WPHeader">

CSS 小道具:

border-bottom:#4e7cb7 1px solid;
border-collapse:collapse;
于 2009-04-17T20:31:24.823 に答える
0

それぞれの回答を確認しましたが、どれも成功しませんでした。ポイントは「#4E7CB7」というラインの色。次に、サーバー上のルート CSS ファイルを検索し、CORE.css の 2683 行を変更しました。

.ms-WPHeader TD {
    border-bottom:1px solid #4e7cb7;
    border-collapse:collapse;
}

に

.ms-WPHeader TD {
    border-bottom:0px solid #4e7cb7;
    border-collapse:collapse;
}
于 2009-10-13T23:42:17.137 に答える