Category "css"

How to select and manipulate specific <li> elements present with pseudo-elements such as ::marker, ::before using javascript

I'm looking for a way to access the <li> elements present with pseudo-elements such as ::before and ::marker using Javascript. So far I'm not able to writ

Select CSS Parent `selector` in iOS Content Blocking

I am setting up some content blockers (https://developer.apple.com/documentation/safariservices/creating_a_content_blocker) The HTML I am testing on looks somet

How to alter styling declared in global style.scss from a child component css and scope it only for that component

I have declared some css styling in global style.css file which is src/style.css in my angular project. In one of my component I want to alter some styling and

How to place an image over iframe using proper css

I am trying to place an image(which is a close button) on iframe at the top-right corner, the iframe and image are loaded from js function in angular, I have pl

Reduce height of mat-flat-button

I have a message board that I want to add delete buttons to, unfortunately the mat-flat-button seems to be doubling the height of the message items. If i set it

remove line break from boostrap tooltip

I have a span tooltip that displays some information like: name and history. I can separate this information with a <br>, but the tooltip is performing an

How to stop a setTimeout loop?

I'm trying to build a loading indicator with a image sprite and I came up with this function function setBgPosition() { var c = 0; var numbers = [0, -12

How to move "THANK YOU" to center

and this is part of my code <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"

Compiling watch SCSS Many-to-One CSS

I'm trying to find a way to compile my multiple scss files into one css file. scripts are in package.json using node-sass The best I've found for the moment

Best practice for React. Hover or mouseEnter/mouseLeave?

I'm learning React with styled components and I have a button with a simple hover-effect. This hover-effect can be created in the styled components file with &a

Fullcalendar - Content are badly positioned When a calendar is on a tab

Reduced Test Case Just click on the second tab to display calendar in snippet. document.addEventListener('DOMContentLoaded', function() { var initialLocal

Flip box image not displaying correctly when responsive

I am using Vue (not that it matters as this is a CSS issue I'm sure). I have 3 flip boxes, taken mostly from the w3schools instructions at https://www.w3schools

Vertical carousel on scroll react

I want to have a section of the website which is fixed while to slide the carousel on scroll (vertically). Once you are at the last slide the scroll will let yo

@supports (-webkit-touch-callout: none) not working in iOS 15 Safari

I'm trying to target iOS devices with CSS. The general advice is to use: @supports (-webkit-touch-callout: none) { ... } However, this does not seem to wor

How to horizontally align three items in a navbar?

I am attempting to add the title of my website to the middle of my navbar but I haven't been able to accomplish my goal. Here's my code: <ul class="navbar-

Vaadin-Charts won´t apply all CSS styles on export/download

We have a few Vaadin charts (Pro) on our dashboard, which have been styled via CSS (font color, font size, bar colors,...). These CSS files are not on the syst

overflow-anchor doesn't work for horizontal scrolling

I would like to build an infinite horizontal scroll that scrolls in both directions - left and right. As user scrolls to the left, new content is prepended to t

Blur background of text field (tailwind or plain css)

I want a text to have a blured white background. But im actually struggling with the blur effect. Everytime i try to use filter blur, the div gets blured but my

Remove ugly white shadow from button when hovered

Whenever I hover over my button that I created, it has a white which looks ugly in the transition. I need help to remove this. The button has two different bloc

How change the size of UI Chip dynamically

In the following example, I am trying to change the size the UI chip in dynamically in order to respond to the font size of its parents using the em css unit. M