I'm building React components. I have added CSS inline in the components as suggested in this brilliant presentation by one of the guys behind React. I've been trying all night to find a way to add CSS pseudo classes inline, like on the sli...
Considering the following JavaScript, CSS, and HTML codes:    console.log(getComputedStyle(document.querySelector('p'), '::after').getPropertyValue('content')); p::after {     content: "Hello" attr(data-after); } <p...
I want to make rate stars progress bar with single div element and css pseudo elements like ::before.  Only thing what I can't do is manipulating width of ::before element with Javascript.  Here is my example:    .review-rate { 	background-image:...
I have this CSS to define drop areas, where a user can either drop a section before or after existing sections.  .section:before, .section:after {     content: "[insert here]";     height: 64px;     line-height: 56px;     width: 100%;     dis...
I have an anchor link on a menu with an icon above it.  I need it so that when someone clicks on either the menu item, or the pseudo element above it holding the icon, the link works.  I have a codepen here: http://codepen.io/emilychews/pen/wJrqaR  T...
I am trying to toggle the display of an :after pseudo-element (ie.to show/hide it) using jQuery. I successfully toggled the display of a div, but want to do this now with :after.  The :after is being used to create the arrow on the box.  My attempt c...
in jQuery or basic javascript is posible to get all elements with :after or :before pseudo-element?  I know getcomputedstyle, but this return all elements with or without :before or :after pseudo-element.  Thanks  EDIT:  Something like:  $("a:bef...
I want to test the background image is correct on my website using Nightwatch, but its set to be the background of a ::before pseudo element, here is the CSS  .icon-circle-delete:before {     content: '';     background: url(images/svg/delete...
I have this input[type="text"] on my page on which I've been working on for some time. What I wanna do is to create an effect of it expanding, when the user clicks in it. Also, I want it to return to its normal width when the mouse goes o...
.my-link::after {     content: "text \2661";     font-family: Arial,sans-serif; }   Looking at the code above I need to set the font-family for the content of the pseudo element.That's wouldn't be a problem.  But I need to set the fon...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.