You are viewing an old revision of this post, from January 26, 2022 @ 12:07:44. See below for differences between this version and the current revision.

How to create X close button by using CSS

As a pure CSS solution for the close or 'times' symbol, you can use the ISO code with the content property. I often use this for :after or :before pseudo selectors. The content code is \00d7. Example div:after{ display: inline-block; content: "\00d7"; /* This will render the 'X' */ } You can then style and position the pseudo selector in any way you want. Hope this helps someone :).

Revisions

  • January 26, 2022 @ 12:07:44 [Current Revision] by Sharing Solution
  • January 26, 2022 @ 12:07:44 by Sharing Solution

Revision Differences

There are no differences between the January 26, 2022 @ 12:07:44 revision and the current revision. (Maybe only post meta information was changed.)

No comments yet.

Leave a Reply