Category "css"

How do you read CSS rule values with JavaScript?

I would like to return a string with all of the contents of a CSS rule, like the format you'd see in an inline style. I'd like to be able to do this without kno

How to autoplay YouTube video with sound enabled using YouTube IFrame Api

The title says it all: How to autoplay YouTube video with sound enabled using YouTube IFrame Api How can I do this with the YouTube IFrame Api?

Bar Between two points in a container

I have a container (CardContainer) that has a few child elements (snippet below) and I would like to build a bar that I can fill in between the two points (the

Make screenshot fit window size (full-screen)

I'm using react-webcam to take a photo (screenshot) and set that screenshot to the size of the window. With the code posted below, I'm able to make the screensh

Is it possible to use CSS drop caps with shape-outside?

I'm trying to add a drop cap (currently just using float:left) to a paragraph of text that is wrapped into to a 100% width div with a shape-outside: polygon. Bu

enable zoom out on certain elemen

I have a responsive design with following meta viewport <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> now on m

Material UI 5 class name styles

I migrated from Mui 4 to 5 and wonder how to use class names. If I want to apply certain styles to just one component there is the SX property. However, I'm str

Why f.submit is not working when I try to use it?

I created a form to my User database change his password, as it follows : <%= form_for(resource, as: resource_name, url: password_path(resource_name), html:

How to remove padding from font library svg files

I am using Flaticon font library, which is really useful, since you can include svg images via the i tag and change their color and size via css. Flaticon Font

the for loop exit after it has been executed one time

the for loop in the following code exit after removing one class and doesn't remove the other one unless I click the button again I want to remove the class hid

Running an if statement inside a querySelectorAll Node List

I am building a blog post layout which requires some metadata to sit on one side and stay in place as the content scrolls, using position: sticky. This works fi

How to escape single quote in Flexdashboard Navbar Menu?

I'm using R markdown to create a flexdashboard. I'm having difficulty escaping a single quote in the title of one of my navbar menus. I would like for my menu t

Text moves when hovering

Every time I hover over social bar and it gets bigger , headers moves down some pixels. I know it's because of the margin, but I don't know how to fix it. CSS c

How to make "scroll drag area" bigger [closed]

I have a drag and drop table and when I want to drag an element from the top to bottom of the table I have to drag it to the "bottom area" of

Change image on home page according to time of day with CSS?

I am attempting to create the following: I have five svg´s, each of them representing a different time in the day. Morning, Midday, Afternoon, etc. Is it

CSS Stylesheet with several different classes under the same parent class

When writing a css stylesheet I'd like to know if there's a way to group several different classes inside another parent class. Example, I have this: .ParentCon

Primevue data table input edit style

Prime vue Datatable edit input active by default I prime data table for inserting a value for the table with input on the table but the input become active when

CSS Modules - `compose` defined on `media-query` overrides styling outside of `media-query`

I have a project where css modules works without an issue and recently I started incorporating responsiveness on it. Our current setup is that we have a typogra

CSS Child vs Descendant selectors

I am a bit confused between these 2 selectors. Does the descendent selector: div p select all p within a div whether or not it's an immediate descedent? So

extract text inside <li> tag using java script or jquery

var array1[] ; //i want to store text inside href in a array like this // [cat,dog,cow,hen,elephant] , how can I do that? <div class="ABCD"><h2 c