Как удалить подчеркивание из заголовка веб-части?

Question

Кажется, что было бы легко исправить веб-часть редактора контента, чтобы изменить CSS веб-частей страницы. Подчеркивание, которое я имею в виду, - это длинная линия, которая ведет к стрелке раскрывающегося списка, в которой находятся параметры Изменить, свернуть, закрыть и т. Д. Я пробовал этот код без видимых результатов:

<style>
ms-standardheader {text-decoration:none;}
</style>

Answer 1

Вам нужно прочитать о CSS-селекторах.

Правило CSS состоит из двух частей: селектор и блок объявления .

Обычно они выглядят примерно так:

selector { declaration block }

Ваша проблема с селектором, и чтобы понять вашу ошибку, мне придется объяснить некоторый базовый синтаксис селектора.

ВСелектор. Вы можете «нацеливать» HTML-элементы на стили, используя различные конструкции:

• Таргетинг по имени тега
• Таргетинг по идентификатору
• Таргетинг по имени класса

Таргетинг по имени тега

Самым простым является таргетинг по имени тега.В этом случае используйте имя тега элемента, на который нацелены пробелы с обеих сторон:

p { /*...*/ }

Теперь все <p> элементов будут затронуты вышеуказанным правилом.

Target by Id

Если элемент, на который вы нацеливаетесь, имеет атрибут id, на который вы можете нацелиться id, добавив префикс в виде октоперпа #:

#p { /*...*/ }

Теперь элемент с id="p"(независимо от того, какое имя тега) будет затронуто.

Цель по имени класса

Если элемент, на который вы нацеливаетесь, имеет атрибут class, вы можете выбрать цель по имени класса, добавив префикс сperiod .:

.p { /*...*/ }

Теперь будут затронуты элементы с class="p" (независимо от имени тега).Обратите внимание, что элемент может иметь более одного имени класса, разделенных пробелами, поэтому class="p x" также затрагивается.

Ваше правило не имеет смысла

Таким образом, ваше правило не работаетв первую очередь потому, что это не имеет смысла;)

ms-standardheader {text-decoration:none;}

В отсутствие точки . или октоторпа # эта цель указывается по имени тега.Но <ms-standardheader> элементов не существует, поэтому это не имеет никакого эффекта.

Ваше правило также является неправильным правилом

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

Эта строка на самом деле не подчеркивание, а граница с нижней границейиз элемента <td>.Правило, которое создает это подчеркивание, находится в строке 2664 (ish) _layouts/1033/styles/core.css и выглядит примерно так ...

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

Попробуйте это в другом файле CSS:

html body .ms-WPHeader td {
    border-bottom:none;
}

Добавление html body увеличивает специфичность вашего правила, поэтому оно будет иметь приоритет над правилом в core.css.

Answer 2

ms-standardheader - это класс или идентификатор?Если это класс, используйте .ms-standardheader.Если это идентификатор, используйте # ms-standardheader.Вы также должны добавить type = "text / css" в свой тег стиля.