Sharepoint веб-часть и overiding стиль CSS - PullRequest
Новая
       22

Sharepoint веб-часть и overiding стиль CSS

2 голосов
/ 17 апреля 2009

Посмотрите на эту картинку

альтернативный текст 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, однако, если вы зададите для стиля границы значение none, строка все равно появится; просто немного тоньше Я могу использовать .ms-viewheadertr , чтобы полностью удалить заголовок, но не могу удалить эту строку.

Ответы [ 6 ]

1 голос
/ 17 апреля 2009

Почему бы вам не использовать Firefox и аддон Firebug, чтобы определить, какие классы переопределить?

Используете ли вы! Важность для переопределения классов CSS?

0 голосов
/ 14 октября 2009

Я просмотрел каждый из ответов, и ни один из них не был успешным. Ключ - это цвет линии "# 4E7CB7". Затем я искал корневые CSS-файлы на сервере и в строке 2683 файла CORE.css изменил 

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

до 

.ms-WPHeader TD {
    border-bottom:0px solid #4e7cb7;
    border-collapse:collapse;
}
0 голосов
/ 05 мая 2009

Я интенсивно работаю над настройкой пользовательского интерфейса sharepoint. Так что я точно знаю, что класс, на который вы должны смотреть, следующий: 

*.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("");*

Это удалит темную сероватую линию сверху.

Happy Customizing !!!

0 голосов
/ 18 апреля 2009

Ознакомьтесь с CSS-справкой Хизер Соломом по SharePoint по адресу http://www.heathersolomon.com/content/sp07cssreference.htm.

Просматривая определенный раздел веб-части на http://www.heathersolomon.com/content/sp07cssreference.htm#WebParts,, похоже, это может быть ms-WPBorder, возможно?

Надеюсь, это поможет.

0 голосов
/ 18 апреля 2009

Что ж, после игры на панели инструментов разработчика IE8 я придумал: 

<tr class="ms-WPHeader">

CSS реквизиты: 

border-bottom:#4e7cb7 1px solid;
border-collapse:collapse;
0 голосов
/ 17 апреля 2009

Chrome предполагает, что виновником является iframe (id Filterlframe1): 

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

Уточнение: представление списка Sharepoint использует iframe для строки меню вверху - здесь отображается граница.

...