How to use CSS to replace or change text? [duplicate]


Tags: css

Problem :

This question already has an answer here:

How do I replace "Bookmarks" with "Links" using CSS?

<div class="lfr-panel-title"> 
  <span> Bookmarks </span> 
</div>

I know CSS was not intended for this, but is there a cross-browser way?



Solution :

You could do something crazy like this.

live demo

.lfr-panel-title span{
   display:none;
}

.lfr-panel-title:after{
   content: "links";   
}​

But like everyone points out.. its not recommended.


    CSS Howto..

    CSS: How do I centre an element relative to its parent while right-aligning its sibling?

    How do I modify the bootstrap carousel javascript file so that it can trigger this function?

    How to get the CSS attributes from a control located by XPath using Selenium IDE

    Navigation Menu That Shows/Hides On Rollover and Click

    How to make textfield stick to its label in extjs?

    How to remove/reset/not inherit the CSS properties of a DIV/element/… within the same CSS document?

    how to give css only the 1st label span?

    How to remove reference of specific CSS files files from View

    How to select a child element inside a div using CSS

    how to overwrite global css to div tag which contains different html tags with different style

    how to get kendo ui mobile style silver

    how to give top property define in css for chrome or firefox

    How can I use css properties with different classes?

    How to create a box with header with css styling?

    How do I override the default way Wordpress' determines the .current-menu-item class?

    How to set stylesheet programmatically in an ASP.NET MVC 2 project?

    How to prevent a span from breaking into the next line - responsive webdesign?

    How could I use postcss-bem with css-modules or postcss-js in React component

    How page turn effect work in turn.js

    How to get just numeric part of CSS property with jQuery?

    How to set background url for css files in thymeleaf?

    How to use jquery function on numbers separated by .(dot) or ,(comma) as thousands separator

    How to change CSS attribute value based on querystring using jQuery

    How to add border to galleria big image?

    How to set the target images that should go uner this code

    How to target CSS module classes after they are hashed?

    How to create a responsive design with CSS only

    How to make this loading overlay effect responsive?

    How to keep an element :active even after clicking

    How to vertical align icon inside label and button in the same way