Простой, короткий, эффективный. Никакого дополнительного html не нужно.
.pvw-title { color: transparent; }
.pvw-title:after {
content: "New Text To Replace Old";
color: black; /* set color to original text color */
margin-left: -30px;
/* margin-left equals length of text we're replacing */
}
Мне пришлось сделать это для замены текста ссылки, кроме дома, для палочек woocommerce
SASS / LESS
body.woocommerce .woocommerce-breadcrumb > a[href$="/shop/"] {
color: transparent;
&:after {
content: "Store";
color: grey;
margin-left: -30px;
}
}
CSS
body.woocommerce .woocommerce-breadcrumb > a[href$="/shop/"] {
color: transparent;
}
body.woocommerce .woocommerce-breadcrumb > a[href$="/shop/"]&:after {
content: "Store";
color: @child-color-grey;
margin-left: -30px;
}
Это, вероятно, больше относится к ListBoxItems самостоятельно не приведение в рабочее состояние полной ширины ListBox. Добавьте эти HorizontalContentAlignment="Stretch"
атрибут к Вашему ListBox
и посмотрите, расширяет ли он отдельные объекты для заполнения ширины.
Разработанный это. Прием должен установить HorizontalContentAlignment = "Фрагмент" на Вашем поле списка, чтобы заставить его содержание расширить полную ширину, а не соответствовать содержанию только.
<ListBox x:Name="ListBoxResizeItems"
HorizontalContentAlignment="Stretch"
ItemsSource="{Binding Path=ResizeItems}"
BorderThickness="0"
ItemTemplate="{DynamicResource ResizedItemsDataTemplate}" >
</ListBox>
Извините Матовый, просто получил Ваш ответ через, поскольку я вводил это сообщение.